Dasar-Dasar CSS

Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheets. Cascading itu adalah aliran dari suatu kode ke kode lain yang saling berhubungan. Jadi kira-kira arti CSS adalah kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.

Syntak Dasar CSS

Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value. Format penulisan kalimat CSS:

selector { property: value }

 

Pengelompokan Selector

Kita dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma (,). Misalnya mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi:

h1,h2,h3 { color: red }

Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma (,).

 

Penggunaan Banyak Properties

Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).
Contoh:

h1,h2,h3 {color:red; font-family:arial; font-size:150%;}

Pada contoh, element h1, h2 dan h3 diatur agar menggunakan warna merah, dengan type font arial, dan ukuran font 150%.

 

CSS Coment

Terkadang, ada baiknya jika kita menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat. Kita bisa menggunakan syntax pembuka /* dan penutup */ untuk menuliskan komentar. Segala teks yang berada di antara tag /* dan */ tidak akan dibaca sebagai kode, tapi hanya sebagai catatan untuk diri sendiri.

/* Tulis komentar anda di sini */

p { text-align: justify; /*

Tulis komentar anda di sini */

color: blue; font-family: arial;

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: