CSS dan perintah-perintahnya
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage.
Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML,
tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk
SVG dan XUL bahkan ANDROID.
CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang
meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya
akses konten pada web, menyediakan lebih banyak fleksibilitas dan
kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan,
memungkinkan untuk membagi halaman untuk sebuah formatting dan
mengurangi kerumitan dalam penulisan kode dan struktur dari konten,
contohnya teknik tableless pada desain web.
Perintah CSS
Eksternal Style Sheet
Eksternal style sheet sangat ideal digunakan untuk halaman web yang
banyak. Dengan cara ini, apabila Anda ingin mengubah tampilan web, Anda
hanya perlu mengedit/mengubah file CSS saja. Untuk menggunakannya,
setiap halaman harus di link-kan ke style sheet menggunakan tag link.
Tag link diletakkan dibagian head.
1
2
3
|
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
|
style.css merupakan nama file style sheet (CSS). File ini ditulis
dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan
ekstensi .css. Berikut contoh dari file style.css :
1
2
3
|
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
|
Catatan : Ketika menuliskan value property dan unitnya, jangan
menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :
Internal Style Sheet
Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.
1
2
3
4
5
6
7
|
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
Sumber:
|
