CSS (Cascading Style Sheets) adalah kumpulan kode-kode yang berurutan dan
saling berhubungan untuk mengatur format / tampilan suatu halaman HTML dan
merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa
komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Sintaks CSS terdiri atas tiga
bagian, yaitu : selector, property, dan value selector {property: value}. Selector merupakan tag
yang ingin diberikan style atau tag HTML yang akan didefinisikan
(body,h1,link,dll). Property merupakan atribut yang ingin didefinisikan atau
yang akan diubah dan value merupakan nilai dari atribut. Antara property dan
value dipisahkan oleh tanda titik dua (:).
Contoh :Body { color: black}
Jika value terdiri atas beberapa
kata, maka value tersebut diapit dengan tanda kutip (“ “), Contoh : P
{font-family: “sans serif”}
Menurut penulisannya CSS dapat
dibagi menjadi 3 jenis, yaitu :
- Internal Style Sheet
CSS didefinisikan di
dalam file HTML, yaitu dalam elemen <head>
- External Style sheet
CSS didefinisikan di
dalam satu file tersendiri di luar file HTML
- Inline Style Sheet
CSS didefinisikan di
dalam setiap elemen/tag HTML
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna
tabel, ukuran border, warna border, warna hyperlink, warnamouse over, spasi antar
paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter
lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan
halaman yang sama dengan format yang berbeda.
Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang
dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan
didesain. Kalau halaman web yang lain akan didesain dengan model yang sama,
maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.
Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan
dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu
jika halaman web yang didesain akan dibuat seperti model yang ada di skrip
tersebut
Keuntungan menggunakan CSS yaitu:
- Dapat di-update dengan cepat dan mudah, karena kita cukup mendefinisikan sebuah style-sheet global yang berisi aturan-aturan CSS tersebut untuk diterapakan pada seluruh dokumen-dokumen HTML pada halaman situs kita.
- User yang berbeda dapat mempunyai style-sheet yang berbeda pula.
- Ukuran dan kompleksitas document code dapat diperkecil.
