Assalamualaikum wr. wb
A. Pengertian
CSS Syntax adalah sebuah aturan CSS yang memiliki dua bagian utama :
- Selector
- Deklarasi
Dapat memahami syntax-syntax CSS dan dapat mengaplikasikannya.
C. Pembahasan
- CSS Syntax
Penjelasan :
- h1/selector : elemen HTML anda yang ingin dibuat style ( 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 menentukan besar, warna, lebar, panjang, dan lain-lain pada property.
Contoh CSS :
Sebuah deklarasi CSS selalu diakhiri dengan titik koma " ; " dan kelompok deklarasi oleh kurung kurawal " {} ". Contoh : p {color: red; text-align: center;}
Untuk membuat CSS lebih mudah dibaca. Anda dapat menempatkan satu deklarasi tiap baris, seperti contoh di bawah :
p
{
color: yellow;
text-align: center;
}
{
color: yellow;
text-align: center;
}
Jika anda masih bingung dengan penjelasan di atas silahkan anda lihat contoh kerangka template dibawah ini :
<head>
<style type="text/css">
p
{
color: red;
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 posisi dari tulisan.
Maka hasilnya akan seperti ini :
ARTIKEL TENTANG CSS
semoga artikel tentang CSS ini dapat bermanfaat bagi kita semua
SMK BISA !!!!
Wassalamualaikum Wr. Wb
G. Refrensi
COMMENTS