2.8.1 Struktur CSS
Perintah css terdiri atas 2 komponen, yakni Selector dan Declaration. 1. Selector berfungsi untuk memberi tahu web browser bahwa pada
elemen mana aturan css akan diterapkan. Selector dapat berupa nama tag, selector class atau selector id
2. Declaration merupakan aturan css yang diterapkan yang mana terdiri atas property dan value
2.8.2 Penulisan CSS
CSS juga memiliki aturan-aturan penulisan yaitu: 1. Internal Style
Internal style dengan menggunakan tag style dan diletakkan diantara tag head.
html head
titleCSStitle style
h1 { color : blue; } style
head html
Universitas Sumatera Utara
Internal style tidak harus selalu diletakkan diantara tag head. Kita selalu bisa meletakkan diantara tag lain yang ada didalam tag body. Namun
untuk menciptakan kode yang lebih bersih dan terstruktur dengan baik, css biasa diletakkan diantara tag head.
2. Inline Style Inline style dengan menambahkan langsung kode css kedalam tag html
sebagai attribut. h1 style=”color:blue;”Judul Satuh1
3. External Style External style dengan menggunakan tag link yang diletakkan diantara
tag head dan merujuk keberkas css. html
head titleCSStitle
link href=”style.css” rel=”stylesheet” head
body
2.8.3 Selector
Seperti sudah disebutkan sebelumnya, selector dapat berupa nama tag, selector class atau selector id. Berikut ini adalah contoh penggunaan selector dalam css.
html head
titleBelajar Selectortitle style
Universitas Sumatera Utara
h1 { color: blue;
} .judul {
color: red; }
satu { color: green;
} style
head body
h1Selector Tagh1 h1 class=judulSelector Classh1
h1 id=satuSelector Idh1 head
html
2.8.4 Memformat Dokumen dengan CSS
Memformat dokumen dengan css jauh lebih fleksibel dibandingkan dengan menggunakan tag html saja.
html head
titleFormat CSStitle
Universitas Sumatera Utara
style type=textcss body {
background-color:yellow; }
h1 { color:blue;
text-align:center; }
b { font-weight:normal;
} i {
font-style:normal; }
u { text-decoration:none;
} b, i {
color:green; }
style head
body bgcolor=green h1DOKUMEN HTMLh1
Universitas Sumatera Utara
bPemrograman Webb br
iPemrograman Webi br
uPemrograman Webu body
html
2.9 JavaScript