CSS Syntax dan Contoh

CSS syntak besertah contoh nya

CSS memiliki dua bagian utama: pemilih ( Selector ) , dan satu atau lebih deklarasi ( Declaration ).

h1/selector : elemen HTML anda yang ingin dibuat style kan (membuat gaya pada CSS)

Declaration : element yang terdiri dari properti-properti dan nilai-nilai.

Property : atribut style yang ingin anda ubah .contoh : (color di ubah menjadi background-color )

Value : nilai-nilai ataupun kode-kode yang menetukan besar ,warna,lebar,panjang dan lain-lain pada propety

• Selector adalah HTML element yang ingin dibuat style nya.

• Declaration  merupakan isi dari property dan nilai dari CSS.

• Pemberian nilai dari property digunakan titik dua ( : ), akhir dari property digunakan titik koma ( ; )

Contoh CSS

Sebuah deklarasi CSS selalu diakhiri dengan titik koma, dan kelompok deklarasi dikelilingi oleh kurung kurawal :

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

CSS Coment

Komentar digunakan untuk menjelaskan kode kita, dan dapat membantu kita ketika kita mengedit source code di kemudian hari. Komentar diabaikan oleh browser.

Sebuah komentar CSS diawali dengan “/*”, dan diakhiri dengan “*/”, seperti ini :

/*This is a comment*/
p
{
text-align:center;
/*This is another comment*/
color:black;
font-family:arial;
}

CSS simbol 

  CSS simbol digunakan untuk menjelaskan kode Anda, dan dapat membantu Anda ketika Anda mengedit kode sumberdi kemudian hari. simbol akan diabaikan oleh browser anda :

Sebuah simbol CSS diawali dengan "/*", dan berakhir dengan "*/", seperti ini:
contoh :

/ * Ini adalah simbol* /
p
{
text-align: center;
/ * Ini adalah komentar lain * /
warna: hitam;
font-family: arial;
}

maka ,dengan menggunakan simbol css tersebut anda tidak akan lupa dengan css yang pernah anda edit sebelumnya .