CSS adalah kependekan dari cascading style sheet. CSS merupakan script web yang digunakan untuk mengatur tampilan dari sebuah halaman web. CSS memudahkan pengembang web dalam membuat tampilan yang bagus secara estetika. Kemampuan CSS diantaranya mengatur warna, ukuran, border dari sebuah elemen HTML.
CSS tidak dapat dipisahkan dari HTML. CSS merupakan fitur tambahan dari HTML sehingga dokumen HTML harus ada terlebih dahulu sebelum CSS dibuat.
Dengan CSS maka pengaturan tampilan dapat lebih mudah karena file dari css terpisah dari file HTML sehingga perubahan dari CSS tidak akan mengubah file HTML secara keseluruhan.
Pada umumnya, file CSS dibuat dengan nama style.css dan diletakkan di dalam folder yang berbeda dari file HTML. Berikut adalah struktur file HTML dan CSS yang jamak digunakan.
-> CSS/
style.css
-> index.html
Berikut ini adalah contoh script css sederhana untuk mengubah warna dari header sebuah halaman web.
Buat satu file dengan nama index.html
<html>
<head><title>Coba CSS</title></head>
<body>
<h1>Hello CSS</h1>
</body>
</html>
Kemudian buat file lain dengan nama style.css
h1 {
color: red; /* mengatur warna teks */
}
Kemudian buka file index.html di browser. Maka text “Hello CSS” akan berwarna merah sesuai dengan pengaturan dari file style.css. Jika atribut color pada file style.css dirubah menjadi “blue” (misalkan) maka text “Hello CSS” secara otomatis akan berubah warnanya menjadi biru.
Tidak ada komentar:
Posting Komentar