Gaya di mana teks dan komponen halaman web disajikan, serta kumpulan beberapa halaman, dapat ditandai dari masing-masing dan setiap halaman secara independen, atau bergantung pada unsur eksternal ( file lain di mana mereka didefinisikan sebagai gaya) yang dapat digunakan kembali. Unsur eksternal inilah yang disebut dengan style sheet CSS.
Lembar gaya CSS ( cascading stylesheets ) tidak lebih dari file komputer yang berisi informasi untuk memodelkan gaya visual yang diadopsi oleh halaman web saat dirender oleh browser.
Agar hal ini terjadi, harus ada panggilan ke style sheet CSS dari dalam file HTML, melalui instruksi.
Berkat pemisahan konten dari apa aspeknya, kita memperoleh abstraksi yang memungkinkan kita berbagai sudut kebebasan.
Yang pertama adalah jika kita ingin mengubah estetika sebuah website secara utuh, kita hanya perlu melakukan retouch pada file style sheet CSS, sehingga jika ada panggilan ke file tersebut di halaman HTML, maka perubahan estetika akan terjadi secara otomatis.
Keuntungan lain adalah pembuat konten akan dapat fokus pada mereka tanpa harus mengetahui tata letaknya, karena ini diberikan oleh file CSS.
Style sheet dibuat dari bahasa desain dengan struktur khusus dan standar, sehingga style sheet tidak tergantung pada teknologi yang dilayani halaman web dan yang digunakan untuk merendernya.
Hal ini karena kebutuhan web untuk menjadi perangkat independen, yang memungkinkan server mana pun untuk menyajikan konten yang sama, dan agar ini dirender dengan hasil akhir yang sama oleh browser apa pun, terlepas dari apakah beberapa alat dapat melakukannya lebih cepat daripada orang lain, dan karena itu menawarkan kinerja yang lebih baik kepada pengguna.
Bahasa definisi yang sama juga dapat digunakan dalam dokumen XML apa pun (bagaimanapun juga, HTML masih dapat diartikan sebagai bagian dari XML).
Struktur bahasanya sederhana, dengan serangkaian kata kunci khusus yang mengacu pada properti gaya halaman, dan beberapa aturan untuk masing-masing properti ini.
Contoh sederhana dari stylesheet CSS adalah sebagai berikut:
body { h1 {font-family: Helvetica, Jenewa, Arial, SunSans-Regular, sans-serif} }
Di dalamnya kita cukup mendefinisikan bagaimana header H1 dari dokumen HTML yang kita tulis dan tunduk pada style sheet ini seharusnya. Untuk melakukan ini, halaman HTML harus memiliki pernyataan ini di bagian HEAD :
<link rel = “stylesheet” href = “style sheet.css”>
Dimana style sheet.css adalah nama file yang berisi definisi.
Kita juga dapat menyertakan instruksi tata letak untuk gaya dalam file HTML yang sama yang kita gunakan untuk halaman, sehingga menghemat file tambahan, tetapi kemudian kita kehilangan fleksibilitas untuk mengubah tampilan semua halaman hanya dengan memanipulasi file, karena kita harus memodifikasi semua HTML sama persis.
Bahasa yang digunakan untuk menulis style sheet CSS sudah ada sebelum disetujui oleh W3C, sebuah entitas yang bertanggung jawab untuk mengatur standar yang digunakan di Web pada tingkat teknis.
Itu disetujui pada pertengahan 1990-an dan sejak itu telah menjadi standar yang sangat diperlukan untuk digunakan di situs web besar.
Foto: Fotolia – Stringer
Tema dalam CSS (Style Sheets)
