Sunday, September 18, 2011

Pengertian CSS syntax

     CSS syntax adalah Sebuah aturan CSS memiliki dua bagian utama:
1.selector
2.deklarasi (style)




penjelasan :

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

Contoh CSS :

Sebuah deklarasi
CSS selalu diakhiri dengan titik koma " ; ".dan kelompok deklarasi dikelilingi oleh kurung kurawal "{ } ":
seperti : p {color: red; text-align: center;}


Untuk membuat CSS lebih mudah dibaca, Anda dapat menempatkan satu deklarasi pada tiap baris, seperti ini:
contoh
p
{
color: yellow;
text-align: center;
}


jika anda masih bingung dengan penjelasan di atas
silakan anda lihat contoh kerangka template di bawah ini :

<html>
<head>
<style type="text/css">
p
{
color:yellow;
text-align:center;
}
</style>
</head>

<body>
<p>ARTIKEL TENTANG CSS</p>
<p>semoga artikel tentang CSS ini dapat bermanfaat bagi kita semua  .</p>
</body>
</html>

penjelasan : color adalah warna dari tulisan
                  text-align adalah letak dari tulisan

maka hasil nya akan menjadi seperti ini :

                                          ARTIKEL TENTANG CSS
                semoga artikel tentang CSS ini dapat bermanfaat bagi kita semua


CSS
simbol

  CSS simbol digunakan untuk menjelaskan kode Anda, dan dapat membantu Anda ketika Anda mengedit kode sumber di 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 .

sekian dari saya .
terimakasih .semoga bermanfaat artikel tentang pengertian css

No comments:

Post a Comment

silakan tulis komentar anda

Post a Comment