struktur stely CSS


ayo kita belajar css lagi dengan http://kantulvisual.blogspot.com/

struktur stely CSS,
style pada CSS memiliki struktur sebagai berikut :



selektor digunakan untuk menentukan pada elemen apa style tersebut di gunakan.
selector dapat berupa nama id elemen atau nama class.
bagian deklarasi menerangkan style yang akan dibuat.
bagian ini terdiri dari property dan value.
properti dapat diisi dengan jenis warna,ukuran,perataan margin dll, sedangkan valeu diisi dengan nilai dari propertinya, misalnya red untuk warna dll.
setiap akhir penulisan properti dan valeu pemisah antar satu properti dengan properti lain,




apabila anda lupa memberian tanda titik koma, maka style tersebut tidak berjalan di browser anda.

contoh code css membuat style untuk beberapa elemen yang berbeda namun stylenya sama?
misalnya kita akan membuat elemen h1,h2,h3 namun memiliki style yang sama.
berikut adalah rumusnya:


<html xmlns="http://kantulvisual.blogspot.com/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>kantul belajar css</title>
<style type="text/css">
h1,h2,h3 {properti1 : value 1;
properti2 : value 2;
properti3 : value 3;


}
</style>
</head>

<body>
</body>
</html>

untuk contoh implementasinya di tunggu di postingan berikutnya.


Category Article

What's on Your Mind...