CSS merupakan singkatan dari Cascading Style Sheets adalah bahasa style sheet yang digunakan untuk menggambarkan bentuk penyajian dokumen atau halaman yang ditulis dalam bahasa HTML. CSS adalah teknologi dasar dalam membangun website, bersama HTML dan JavaScript.
CSS dirancang sebagai dasar dari presentasi seluruh konten yang akan digunakan dalam Website, sehingga tidak diperlukan setiap penyajian atau presentasi tertentu harus mendefinisikan ulang, tetapi cukup dengan merujuk pada class CSS yang diganakan. CSS dapat mewakili semua tampilan penyajian termasuk tata letak, warna, dan font. Pemisahan ini dapat meningkatkan aksesibilitas konten, memberikan lebih banyak fleksibilitas dan kontrol dalam spesifikasi karakteristik presentasi, memungkinkan beberapa halaman web untuk berbagi format dengan menentukan CSS yang relevan dalam file .css terpisah, dan mengurangi kompleksitas dan pengulangan dalam konten struktural.
Nama cascading berasal dari skema prioritas yang ditentukan untuk menentukan aturan gaya mana yang berlaku jika lebih dari satu aturan cocok dengan elemen tertentu. Skema prioritas berjenjang ini dapat diprediksi.
Spesifikasi CSS dikelola oleh World Wide Web Consortium (W3C). Jenis media internet (tipe MIME) teks/css terdaftar untuk digunakan dengan CSS oleh RFC 2318 (Maret 1998). W3C mengoperasikan layanan validasi CSS gratis untuk dokumen CSS. Selain HTML, bahasa markup lainnya mendukung penggunaan CSS termasuk XHTML, XML polos, SVG, dan XUL.
Berikut ini adalah contoh halaman Website yang tidak menggunakan CSS:
Cara Menggunakan CSS
Ada 3 cara untuk menggunakan CSS ke situs web Anda: Anda dapat menggunakan CSS internal dan memasukkan aturan CSS di bagian <head> dokumen HTML, tautan ke file .css eksternal yang berisi semua aturan CSS atau menggunakan CSS sebaris untuk menerapkan aturan untuk elemen spesifik.CSS Internal
Kode CSS internal diletakkan di bagian <head> pada halaman tertentu. Class dan ID dapat digunakan untuk merujuk pada kode CSS, tetapi mereka hanya aktif pada halaman tertentu. CSS yang disematkan dengan cara ini diunduh setiap kali halaman dimuat sehingga dapat meningkatkan kecepatan memuat, karena semuanya ada dalam satu halaman, maka jauh lebih mudah untuk melihat pratinjau. CSS internal diletakkan di antara tag <style> </style>, seperti contoh berikut ini:CSS Eksternal
Mungkin cara paling baik untuk menambahkan CSS ke situs web Anda, adalah dengan menautkannya ke file .css eksternal. Dengan begitu setiap perubahan yang Anda buat pada file CSS eksternal secara akan otomatis akan berpengaruh terhadap seluruh situs web Anda secara global. Referensi ke file CSS eksternal diletakkan di bagian <head> halaman:CSS Inline
CSS sebaris digunakan untuk tag HTML tertentu. Atribut <style> digunakan untuk mendesain tag HTML tertentu. Menggunakan CSS dengan cara ini tidak dianjurkan, karena setiap tag HTML perlu ditata secara individual. Mengelola situs web Anda mungkin menjadi terlalu sulit jika Anda hanya menggunakan CSS sebaris. Namun, ini dapat berguna dalam beberapa situasi tertentu yang mengharuskan membedakan satu item style yang berbeda dengan yang lain dalam seluruh situs. Contoh halaman HTML dengan CSS sebaris akan terlihat seperti ini:
Daftarkan email anda disini untuk berlangganan artikel kodiing
ConversionConversion EmoticonEmoticon