Perintah dalam CSS (CSS Syntax)
CSS Syntax
Sebuah perintah CSS biasanya mengandung dua bagian utama, yaitu : Selector dan Declarations.
Selector adalah elemen HTML yang ingin dirubah-rubah style-nya, sedang Declaration terdiri dari property dan value. Property adalah atribut style yang ingin dirubah-rubah dan setiap property ini memiliki nilai / value.
Contoh CSS
CSS Declarations selalu diakhiri dengan tanda titik koma ";" dan satu grup declarations selalu berada dalam tanda kurung kurawal "{}". Lihat contoh di bawah ini:
Comments digunakan untuk menerangkan kode/script yang memudahkan kita atau orang lain ketika suatu saat ingin meng-edit source code. Perintah comments ini diindahkan oleh browser. Perintah comments diawali dengan "/*" dan diakhiri dengan "*/". Lihat contoh di bawah ini:
Sebuah perintah CSS biasanya mengandung dua bagian utama, yaitu : Selector dan Declarations.
Selector adalah elemen HTML yang ingin dirubah-rubah style-nya, sedang Declaration terdiri dari property dan value. Property adalah atribut style yang ingin dirubah-rubah dan setiap property ini memiliki nilai / value.
Contoh CSS
CSS Declarations selalu diakhiri dengan tanda titik koma ";" dan satu grup declarations selalu berada dalam tanda kurung kurawal "{}". Lihat contoh di bawah ini:
Agar mudah dalam membacanya, setiap declaration dapat dibuat dalam satu baris tersendiri, seperti contoh di bawah ini:p {color:red;text-align:center}
CSS Commentsp
{
color:red;
text-align:center;
}
Comments digunakan untuk menerangkan kode/script yang memudahkan kita atau orang lain ketika suatu saat ingin meng-edit source code. Perintah comments ini diindahkan oleh browser. Perintah comments diawali dengan "/*" dan diakhiri dengan "*/". Lihat contoh di bawah ini:
/*This is a comment*/
p
{
text-align:center;
/*Ini adalah contoh comment*/
color:black;
font-family:arial
}
3:55 AM
|
Labels:
Belajar CSS,
CSS
|
This entry was posted on 3:55 AM
and is filed under
Belajar CSS
,
CSS
.
You can follow any responses to this entry through
the RSS 2.0 feed.
You can leave a response,
or trackback from your own site.
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment