Tutorial CSS Part 1 : Pengertian CSS

Tutorial CSS Part 1 : Pengertian CSSApa yang di maksud dengan CSS ?

Sebelum jauh lebih lebih lanjut belajar tentang CSS, maka ada baiknya kita harus tau tentang pengertian CSS. CSS singkatan dari ” Cascading Style Sheets“. CSS merupakan kumpulan baris perintah yang biasanya digunakan untuk mendesain sebuah web dalam  mark-up languageMark-up language sendiri adalah bahasa peprograman yang digunakan untuk mengembangkan aplikasi web.

CSS saat ini tidak hanya digunakan untuk mendesain web, tetapi juga bisa dimanfaatkan untuk membangun aplikasi berbasis android. Di dalam CSS ada dua penanda yang digunakan, yaitu Id dan Class.

Itulah pengertian CSS secara umum, saya kira anda sudah cukup paham dengan penjelasan tentang CSS diatas.

Kegunaan CSS

Dengan CSS anda dapat mengubah tampilan dan juga layout sebuah halama web. Bisa mengubah ukuran font, warna serta format font. Jika anda pernah mengunjungi suatu halaman web dengan menggunakan perangkat mobile ataupun komputer, dan layoutnya selalu menyesuaiakan dengan perangkat yang kita gunakan, atau bisa kita sebutnya sebagai halaman web responsive. Hal itu bisa diatur dengan menggunakan CSS. Jadi kegunaan CSS ini untuk mengatur tampilan sebuah halaman Web.

Cara Menggunakan CSS

Untuk penggunaan CSS ada beberapa cara yang bisa kita lakukan, yaitu dengan Inline, External dan Embeded.

Pada Tutorial CSS kali ini yang akan di bahas adalah cara menggunakan CSS dengan inline atau seringkali di sebut dengan Inline Style Sheet. Cara ini dilakukan dengan menyisipkan baris koce css pada element yang akan kita atur. yaitu dengan menyisipkan tag <style>. Contoh penerapanya seperti di bawah ini.

<h1 style=”color:blue;text-align:center;”>Judul Web</h1>

Maksud dari baris CSS diatas adalah kita ingin memberikan pengaturan pada elemen H1 yang merupakan Judul Web dengan warna huruf biru dan text align Center ( rata tengah ).

Dari baris ditas bisa kita lihat, pada tag H1 di sisipkan tag style yang menandakan inline CSS yang kemudian diikuti dengan properti dari css tersebut, yaitu color:blue; text-align:center.

Demikian Tutorial tentang Pengertian CSS, adaoun untuk penggunaan External CSS akan kita bahas pada tutorial berikutnya.

Leave a Reply

Your email address will not be published. Required fields are marked *