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