CSS

Cascading Style Sheets (CSS) adalah bahasa style sheet yang digunakan untuk menjelaskan presentasi semantik (yaitu, tampilan dan format) dari sebuah dokumen yang ditulis dalam bahasa markup. Aplikasi yang paling umum adalah dengan gaya halaman web yang ditulis dalam HTML dan XHTML, tetapi bahasa dapat diterapkan pada segala macam XML dokumen, termasuk SVG dan XUL.

CSS adalah dirancang terutama untuk memungkinkan pemisahan konten dokumen (yang ditulis dalam HTML atau bahasa markup yang serupa) dari dokumen presentasi, termasuk unsur-unsur seperti tata letak, warna, dan font. Pemisahan ini konten dapat meningkatkan aksesibilitas, menyediakan lebih banyak fleksibilitas dan kontrol dalam presentasi spesifikasi karakteristik, memungkinkan beberapa halaman untuk berbagi format, dan mengurangi kompleksitas dan pengulangan dalam konten struktural (seperti dengan memungkinkan untuk desain web tableless). CSS dapat juga memungkinkan halaman markup yang sama yang akan disajikan dalam gaya yang berbeda untuk berbagai metode rendering, seperti di layar, di cetak, dengan suara (sewaktu dibacakan oleh pidato berbasis browser atau pembaca layar) dan Braille-based, taktil perangkat. Sementara penulis dokumen dokumen yang biasanya link ke sebuah CSS style sheet, pembaca dapat menggunakan style sheet yang berbeda, mungkin satu di komputer mereka sendiri, untuk menimpa salah satu penulis telah ditentukan.

CSS menetapkan skema prioritas untuk menentukan aturan gaya berlaku jika lebih dari satu aturan pertandingan melawan elemen tertentu. Dalam hal ini disebut kaskade, prioritas atau bobot dihitung dan ditugaskan untuk peraturan, sehingga hasilnya dapat diprediksi.

Spesifikasi CSS dipelihara oleh World Wide Web Consortium (W3C). Jenis media internet (tipe MIME) text/css terdaftar untuk digunakan dengan CSS oleh RFC 2318

Sintaks

CSS memiliki sederhana sintaks dan menggunakan sejumlah kata kunci Inggris untuk menentukan nama-nama berbagai gaya properti.

Sebuah style sheet terdiri dari daftar aturan. Setiap aturan atau aturan-set terdiri dari satu atau lebih penyeleksi dan sebuah deklarasi blok. Sebuah deklarasi-blok terdiri dari daftar deklarasi di kawat gigi. Setiap pernyataan itu sendiri terdiri dari sebuah properti, titik dua : sebuah nilai, maka semi-colon ; [1]

Dalam CSS, penyeleksi digunakan untuk menyatakan mana dari unsur-unsur markup berlaku untuk gaya, semacam kesesuaian ekspresi. Penyeleksi mungkin berlaku untuk semua elemen dari tipe tertentu, atau hanya elemen yang cocok dengan atribut tertentu; unsur dapat disesuaikan tergantung pada bagaimana mereka ditempatkan relatif terhadap satu sama lain dalam kode markup, atau pada bagaimana mereka bersarang di dalam dokumen objek model.

Pseudo-class adalah bentuk lain dari spesifikasi yang digunakan dalam CSS untuk mengidentifikasi unsur-unsur markup, dan dalam beberapa kasus, tindakan pengguna tertentu, untuk yang blok deklarasi tertentu berlaku. Sebuah contoh yang sering digunakan :hover pseudo-kelas yang menerapkan gaya hanya bila pengguna 'menunjuk kepada' unsur yang terlihat, biasanya dengan menekan kursor mouse di atasnya. Hal ini ditambahkan ke sebuah selektor seperti pada a:hover atau #elementid:hover Pseudo-kelas lain dan pseudo-elemen, :first-line :visited :before Sebuah pseudo-kelas khusus :lang(c) "c".

A pseudo-kelas memilih seluruh elemen, :link :visited sedangkan pseudo-elemen membuat pilihan yang dapat terdiri dari unsur-unsur parsial, :first-line :first-letter

Penyeleksi dapat dikombinasikan dengan cara lain juga, terutama dalam CSS 2.1, untuk mencapai kekhasan dan fleksibilitas yang lebih besar. [2]

Berikut adalah contoh menyimpulkan aturan-aturan di atas:

selektor [, selector2, ...] [: pseudo-class] (
properti: value;
[Property2: value2;
...]
)
/ * Comment * /