Syntax CSS I

Cara Penulisan / Syntax CSS

Syntax CSS terdiri dari 3 bagian yaitu: selector, property dan value

selector {property: value}

Selector adalah nama bagian halaman HTML yang akan kita definisikan
Property adalah atribut atau perlengkapan yang akan kita definisikan/kita rubah
Value adalah nilai dari property, setiap property mempunyai satu value.
Dalam penulisannya property dan value dipisahkan dengan titik dua dan diletakkan dalam kurung kurawal

Contoh

Body {background: red}

Jika kita mempunyai lebih dari satu property, maka setiap property harus dipisah dengan titik koma.
Contoh

p {text-align:center;color:red}

Untuk memudahkan pembacaan, setiap property sebaiknya ditulis dalam baris yang terpisah.
Contoh

p
{
text-align: center;
color: black;
font-family: arial
}

Pengelompokan Selector

Selector yang mempunyai pengaturan yang sama bisa kita kelompokkan menjadi satu dengan syarat setiap selector harus dipisahkan dengan tanda koma.
Misalnya kita ingin membuat 4 header dengan nama h1,h2,h3,h4 dan mempunyai warna text yang sama yaitu merah. Maka kita bisa membuatnya dengan kode CSS begini:

h1,h2,h3,h4
{
color: red
}