CSS merupakan singkatan dari Cascading Style Sheet. Menurut wikipedia, CSS adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS saat ini di kembangkan oleh World Wide Web Consortium atau yang biasa lebih dikenal dengan istilah W3C. CSS bukan menggantikan kode html, tetapi hanya difungsikan sebagai penopang atau pendukung dari file html yang berperan dalam penataan kerangka dan layout web.
1. Aturan Penulisan CSS
Prinsip dasar penggunaan CSS di dalam dokumen HTML adalah untuk menyediakan style yang digunakan untuk mengatur bagian-bagian HTML. Contoh, suatu style dapat di pakai untuk mengatur jenis, ukuran, dan bahkan warna suatu teks. Style mengandung dua bagian yaitu selektor dan deklarasi properti. Selektor untuk menyatakan bagian dalam HTML yang akan diatur melalui style. Sedangkan properti untuk menyatakan sifat dalam tag HTML yang diatur melalui style.
Lihat gambar berikut.
Untuk dapat mengerti bagaimana menggunakan CSS, anda harus mengerti dahulu dasar-dasar CSS dan anda
harus mengerti tiga istilah dasar yang digunakan dalam CSS, yaitu
selector, property, dan value.
Selector
Sebagai bahasa yang digunakan untuk memberikan gaya
tampilan, CSS menggunakan metode deklaratif untuk menspesifikasikan bagian HTML
yang ingin diberikan gaya tampilan. Pemilihan elemen HTML dilakukan dengan
menspesifikasikan selector. Kode di
bawah memberikan contoh dari sebuah selector, yang dapat digunakan untuk
memberikan gaya tampilan terhadap seluruh elemen p yang ada pada dokumen HTML:
Pada kode di atas, yang dikatakan selector ialah kode “p”. Singkatnya, sebuah selector merupakan seluruh kode yang berada sebelum “{}”.
Selector yang diberikan pada kode di atas melakukan pemberian gaya pada seluruh elemen p
yang ada dalam dokumen. Selain memberikan desain pada seluruh elemen
seperti ini, selector juga dapat memberikan desain secara lebih
spesifik: melalui klasifikasi, identitas, ataupun berbagai atribut
lainnya dari sebuah elemen.
