CSS (CASCADING STYLE SHEET)

CSS (Cascading Style Sheets) digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML. CSS fungsinya serupa dengan template atau style pada pengolah kata populer seperti MS Word. Dengan CSS juga dimungkinkan untuk memisahkan style dan layout sebuah dokumen HTML dari isi dan struktur yang sebenarnya.

Suatu style sheet merupakan tempat dimana kita mengontrol dan memanage style-style yang ada. Style sheet mendeskripsikan bagaimana tampilan dokumen HTML di layar. Kita juga dapat menyebutnya sebagai template dari dokumen HTML yang menggunakannya. Style sheet merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheet merupakan kelebihan tersendiri. CSS digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan (style) yang akan digunakan pada sebuah website.

Terdapat tiga cara untuk menggunakan style sheet dalam dokumen HTML, yaitu dengan linking, embedding, dan inline. Penggunaan masing-masing cara tersebut tergantung kebutuhan:

1. Linking Style Sheet

Atribut HREF menyatakan nama file style sheet yang akan digunakan untuk memformat seluruh dokumen HTML. File ini adalah sebuah file teks biasa yang berisi definisi-definisi style sheet yang akan digunakan dan disimpan dengan ekstensi .css. Tag ini harus dituliskan di dalam tag elemen HEAD.

2. Embedding Style Sheet

Definisi style diletakkan di antara tag . Disini digunakan tag komentar sehingga browser yang tidak dapat mengenali elemen STYLE tidak akan menampilkan definisi style tersebut dalam halaman web. Elemen ini harus diletakkan di dalam tag elemen HEAD.

3. Inline dan Outline Style Sheet
Inline Style Sheet

Style juga dapat diberikan secara langsung dalam tag-tag HTML yang sudah dipelajari, misalnya P, H1, L1, DIV, SPAN, dan lain-lain (‘tag’ dapat diganti dengan nama tag yang diinginkan). Penggunaan CSS yang langsung dimasukkan ke dalam file HTML, biasa disebut inline style sheet.

Outline Style Sheet

CSS yang diletakkan di luar file HTML, dan untuk menggunakannya css tersebut akan dipanggil melalui 1 baris kode.