sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersama.
Keuntungan menggunakn CSS yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung dalam kode HTML atau simpan file tersendiri berekstensi
“.css”. dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 empat dan pada versi sebelumnya. Perlu
diketahui bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang berbeda pula.
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
Universitas Sumatera Utara
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
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
seba
gai 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.
Universitas Sumatera Utara
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
h1 { color: blue;
} .judul {
color: red; }
satu { color: green;
}
Universitas Sumatera Utara
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 style type=textcss
body { background-color:yellow;
} h1 {
color:blue; text-align:center;
}
Universitas Sumatera Utara
b { font-weight:normal;
} i {
font-style:normal; }
u { text-decoration:none;
} b, i {
color:green; }
style head
body bgcolor=green h1DOKUMEN HTMLh1
bPemrograman Webb br
iPemrograman Webi br
uPemrograman Webu body
html
Universitas Sumatera Utara
2.9. JavaScript