Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) adalah bahasa style sheet yang digunakan untuk menggambarkan semantik presentasi (tampilan dan format) dari dokumen yang ditulis dalam bahasa markup . Aplikasi yang paling umum adalah untuk gaya halaman web yang ditulis dalam HTML dan XHTML , tetapi bahasa juga dapat diterapkan untuk setiap jenis XML dokumen, termasuk XML polos , SVG dan XUL .

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

CSS menetapkan skema prioritas untuk menentukan aturan gaya berlaku jika lebih dari satu aturan pertandingan melawan elemen tertentu. Dalam apa yang disebut kaskade, prioritas atau bobot dihitung dan ditugaskan untuk peraturan, sehingga hasilnya bisa ditebak.

Spesifikasi CSS diselenggarakan oleh World Wide Web Consortium (W3C). Jenis media internet ( tipe MIME ) text/css terdaftar untuk digunakan dengan CSS oleh RFC 2318 (Maret 1998), dan mereka juga mengoperasikan gratis layanan validasi CSS .

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 blok deklarasi.

Selector

Dalam CSS, penyeleksi digunakan untuk menyatakan bagian dari markup yang gaya berlaku untuk, semacam ekspresi pertandingan. Penyeleksi mungkin berlaku untuk:

- semua elemen dari jenis tertentu, misalnya tingkat kedua header h2

-  unsur-unsur yang ditentukan oleh atribut , khususnya id(sebuah identifier unik untuk dokumen) dan

kelas

- elemen tergantung pada bagaimana mereka ditempatkan relatif terhadap, atau bersarang dalam, yang lain di pohon dokumen .

Pseudo-kelas yang digunakan dalam CSS untuk mengizinkan format berdasarkan informasi yang berada di luar pohon dokumen. Contoh yang sering digunakan dari kelas semu adalah :hover , yang mengidentifikasi konten hanya ketika pengguna menunjuk ke 'elemen terlihat, biasanya dengan menekan kursor mouse di atasnya. Hal ini ditambahkan ke pemilih seperti dalam a:hover atau #elementid:hover . A pseudo-class mengklasifikasikan elemen dokumen, seperti :link atau :visited , sedangkan pseudo-element membuat pilihan yang mungkin terdiri dari unsur parsial, seperti :first-line atau :first-letter .

Penyeleksi dapat dikombinasikan dengan berbagai cara, terutama di CSS 2.1, untuk mencapai spesifisitas besar dan fleksibilitas.

Sejarah

Style sheet sudah ada dalam satu bentuk atau lain sejak awal dari Standard Generalized Markup Language ( SGML ) pada tahun 1980. Cascading Style Sheets dikembangkan sebagai alat untuk menciptakan pendekatan yang konsisten untuk memberikan informasi gaya untuk dokumen web.

Sebagai HTML tumbuh, itu datang untuk mencakup lebih banyak jenis gaya kemampuan untuk memenuhi tuntutan pengembang web . Evolusi ini memberikan desainer lebih mengontrol tampilan situs, dengan biaya yang lebih kompleks HTML. Variasi dalam web browser implementasi, seperti ViolaWWW dan WorldWideWeb , membuat penampilan situs konsisten sulit, dan pengguna memiliki kontrol yang kurang atas bagaimana konten web itu ditampilkan. Robert Cailliau ingin memisahkan struktur dari presentasi. Cara ideal akan memberikan pengguna pilihan yang berbeda dan mentransfer tiga jenis style sheet:. satu untuk pencetakan, satu untuk presentasi di layar dan satu untuk fitur editor.

Untuk meningkatkan kemampuan web presentasi, sembilan bahasa style sheet yang berbeda diusulkan ke World Wide Web Consortium 's (W3C) www-gaya mailing list. Dari sembilan proposal, dua dipilih sebagai landasan untuk apa menjadi CSS: Cascading Style Sheets HTML (CHSS) dan Streaming berbasis Style Sheet Proposal (SSP). CHSS, bahasa yang memiliki beberapa kemiripan dengan CSS hari ini, diusulkan oleh Håkon Wium Lie pada bulan Oktober 1994. Bert Bos sedang bekerja pada browser yang disebut Argo yang digunakan gaya bahasa sheet sendiri yang disebut SSP. Lie dan Yves Lafon bergabung Dave Raggett untuk memperluas Arena Browser untuk mendukung CSS sebagai testbed aplikasi untuk W3C.] Lie dan Bos bekerja sama untuk mengembangkan standar CSS (yang 'H' telah dihapus dari nama itu karena gaya ini lembar juga dapat diterapkan pada bahasa markup lain selain HTML).

Tidak seperti gaya bahasa yang ada seperti DSSSL dan TTS , CSS diizinkan gaya dokumen untuk dipengaruhi oleh beberapa style sheet. Satu style sheet dapat mewarisi atau "cascade" dari yang lain, memungkinkan campuran preferensi gaya dikendalikan sama oleh perancang situs dan user.

Usulan Lie dipresentasikan pada " Mosaic dan Web "konferensi di Chicago, Illinois pada tahun 1994, dan lagi dengan Bert Bos pada tahun 1995. Sekitar waktu ini W3C itu sudah didirikan, dan mengambil minat dalam pengembangan CSS. Ini menyelenggarakan lokakarya menuju tujuan itu dipimpin oleh Steven Pemberton . Hal ini mengakibatkan W3C menambahkan bekerja pada CSS untuk kiriman dari tinjauan HTML editorial papan (ERB). Lie dan Bos adalah staf teknis utama pada aspek proyek, dengan anggota tambahan, termasuk Thomas Reardon dari Microsoft , berpartisipasi juga. Pada bulan Agustus 1996 Netscape Communication Perusahaan disajikan alternatif gaya bahasa sheet disebut JavaScript Style Sheets (JSSS). Spec tidak pernah selesai dan sudah ditinggalkan. Pada akhir tahun 1996, CSS sudah siap untuk menjadi resmi, dan CSS tingkat 1 Rekomendasi diterbitkan pada bulan Desember.

Pengembangan HTML, CSS, dan DOM semua telah terjadi dalam satu kelompok, Editorial HTML Review Board (ERB). Pada awal 1997, Erb terpecah menjadi tiga kelompok kerja : Bekerja HTML kelompok , dipimpin oleh Dan Connolly dari W3C; DOM kelompok kerja, dipimpin oleh Lauren Wood dari SoftQuad , dan CSS kelompok kerja , dipimpin oleh Chris Lilley dari W3C.

Kelompok Kerja CSS mulai menangani masalah yang belum ditangani dengan CSS tingkat 1, sehingga penciptaan CSS tingkat 2 pada 4 November 1997. Itu diterbitkan sebagai Rekomendasi W3C pada tanggal 12 Mei 1998. CSS level 3, yang dimulai pada tahun 1998, masih dalam pengembangan sejak 2009.

Pada tahun 2005 Kelompok Kerja CSS memutuskan untuk menegakkan persyaratan untuk standar yang lebih ketat. Ini berarti bahwa standar yang sudah diterbitkan seperti CSS 2.1, CSS 3 Selectors dan CSS 3 Teks ditarik kembali dari Calon Rekomendasi ke tingkat Draft Kerja.

Kesulitan pada pnggunaan

CSS 1 spesifikasi selesai pada tahun 1996. Microsoft Internet Explorer 3 dirilis pada tahun itu, yang menampilkan beberapa dukungan terbatas untuk CSS. Tapi itu lebih dari tiga tahun sebelum web browser dicapai hampir penuh pelaksanaan spesifikasi. Internet Explorer 5.0 untuk Macintosh , dikirim pada Maret 2000, adalah browser pertama yang memiliki penuh (lebih dari 99 persen) CSS 1 dukungan, melebihi Opera , yang telah menjadi pemimpin sejak diperkenalkan dukungan CSS 15 bulan sebelumnya. Browser lain diikuti segera setelah itu, dan banyak dari mereka tambahan dilaksanakan bagian dari CSS 2. Pada Agustus 2010 , ada (selesai) Browser telah sepenuhnya dilaksanakan CSS 2, dengan tingkat implementasi yang bervariasi (lihat Perbandingan mesin tata letak (CSS) ).

Meskipun browser awal seperti Internet Explorer 3 dan 4 , dan Netscape 4.x memiliki dukungan untuk CSS, itu biasanya tidak lengkap dan memiliki banyak bug yang mencegah mereka dari implementasi yang berguna diadopsi.

Ketika kemudian 'versi 5' browser mulai menawarkan implementasi cukup penuh dari CSS, mereka masih salah di daerah tertentu dan penuh dengan inkonsistensi, bug dan lainnya kebiasaan . Perkembangan inkonsistensi-CSS terkait seperti dan bahkan variasi dalam mendukung fitur telah membuatnya menjadi sulit bagi desainer untuk mencapai penampilan yang konsisten di seluruh browser dan platform . Beberapa penulis terpaksa workarounds seperti hacks CSS dan CSS filter .

Masalah dengan adopsi tambal sulam browser 'CSS, bersama dengan ralat dalam spesifikasi asli, memimpin W3C untuk merevisi CSS 2 standar ke CSS 2.1, yang bergerak lebih dekat ke snapshot bekerja dukungan CSS saat ini di browser HTML. Beberapa CSS 2 sifat yang ada browser berhasil dilaksanakan dijatuhkan, dan dalam beberapa kasus, perilaku didefinisikan diubah untuk membawa standar agar sejalan dengan implementasi yang ada dominan. CSS 2.1 menjadi Rekomendasi Calon pada tanggal 25 Februari 2004, tetapi CSS 2.1 ditarik kembali ke Working Status Draft pada 13 Juni 2005, dan hanya kembali ke status Rekomendasi Calon pada tanggal 19 Juli 2007.

Di masa lalu, beberapa server web yang dikonfigurasi untuk melayani semua dokumen dengan ekstensi nama file .css sebagai tipe mime application/x-pointplus daripada text/css . Pada saat itu, ada sebuah produk perangkat lunak di pasar untuk mengkonversi PowerPoint file ke dalam Compact Slide Show file menggunakan .css ekstensi.