Definisi CSS.

Apa itu CSS?, Apa yang dimaksud dengan CSS? - CSS (Cascading Style Sheets) bertanggung jawab untuk menjelaskan bagaimana elemen HTML akan ditampilkan. Warna, ukuran font dan tata letak halaman adalah tanggung jawab presentasi dari CSS. Dengan CSS kita membuat aturan untuk menentukan bagaimana konten akan muncul pada halaman. CSS diperkenalkan dalam HTML 4.0 oleh W3C untuk membantu memecahkan masalah-masalah pembangunan dan pemeliharaan pengembang. Karena HTML tidak pernah dimaksudkan untuk berisi tag untuk halaman presentasi format, seperti <font> dan tag <center>, itu membuat sulit dan tidak praktis untuk mengembangkan dan memelihara website. Dengan memisahkan konten dari presentasi, CSS membuat semantik HTML lebih dan maintainable. CSS juga meningkatkan aksesibilitas konten web dengan memungkinkan akses dan kemampuan beradaptasi terhadap berbagai perangkat seperti desktop, perangkat mobile, layar besar dan printer.

Definisi CSS.
Saat ini, CSS 2.1 adalah standar web resmi dengan bagian-bagian dari spec CSS3 dalam rekomendasi tahap-tahap di mana spec dianggap sebagai standar akhir. Kabar baiknya adalah W3C telah membagi spesifikasi CSS3 sebagai rangkaian modul yang diimplementasikan secara terpisah dan independen dari satu sama lain. Hal ini memungkinkan bagian dari spec untuk bergerak lebih cepat dan mendorong vendor browser untuk mengimplementasikan modul tanpa harus menunggu spec keseluruhan. Untuk mengikuti perkembangan CSS3 dan melihat semua spesifikasi, kunjungi W3C.

Fundamental Konsep
Cascade
Salah satu konsep yang paling mendasar dari CSS adalah kaskade. Kaskade menentukan properti style yang ditugaskan untuk elemen berdasarkan deklarasi yang telah mengalir turun dari sumber lain, melainkan apa yang memungkinkan kita untuk menjaga gaya yang konsisten di seluruh situs web tanpa harus mengulanginya. Ada 3 konsep utama yang menentukan sifat yang ditugaskan untuk elemen: Importance, Specificity dan Source Order.

Importance tergantung pada asal-usul dari style sheet. Style sheet dapat memiliki sumber yang berbeda, User Agent (UA) Styles, User Styles dan Author Styles.

User Agent (UA) Styles adalah gaya browser berlaku secara default. Setiap browser memiliki sheet style UA sendiri. Inilah sebabnya mengapa ada beberapa perbedaan visual saat melihat halaman web pada browser yang berbeda.

User Styles adalah gaya yang ditentukan oleh pengguna. Pengguna dapat memiliki gaya khusus standar yang berbeda dari gaya default browser. Ini seringkali digunakan untuk aksesibilitas-untuk pengguna dengan kebutuhan khusus, yang misalnya, perlu ukuran font yang lebih besar, warna tertentu atau kontras.

Author Styles adalah gaya yang ditentukan oleh perancang situs. Secara default, aturan dalam style sheet penulis memiliki berat lebih dari user agent dan lembaran pengguna style.

Specificity menentukan aturan CSS yang diterapkan oleh browser. Setelah kaskade memutuskan pentingnya aturan, maka itu akan memberikan kekhususan. Jika dua aturan memilih unsur yang sama dan sifat bertentangan satu sama lain, aturan dengan pemilih lebih spesifik diutamakan. Setelah Anda terbiasa dengan cara spesifisitas bekerja, dapat menghemat waktu untuk menyesuaikan dan mengatasi masalah CSS Anda.

Source Order adalah urutan gaya yang dihubungkan, disertakan atau diimpor. Urutan ini penting karena kaskade memberikan prioritas untuk aturan berdasarkan urutan apa mereka muncul. Jika ada dua style sheet terkait di bagian <head>, yang terakhir akan didahulukan dari yang pertama. Atau, jika dua deklarasi mempengaruhi unsur yang sama, memiliki kepentingan yang sama dan spesifisitas yang sama, deklarasi yang muncul kemudian dalam style sheet akan diterapkan.

Setelah Importance, Specificity dan Source Order telah ditentukan, setiap aturan diberikan bobot yang menentukan properti akan diterapkan pada elemen:

Inheritance yang berarti bahwa nilai properti akan disalin dari nilai elemen induk. Jadi, ketika sebuah properti dikatakan inheritance atau diwariskan, itu hanya berarti bahwa nilai akan ditentukan oleh warisan itu, kecuali nilai properti lain ditentukan. Misalnya, jika elemen tubuh halaman diatur ke font tertentu, font yang akan diwariskan oleh unsur-unsur lain, seperti judul dan paragraf. Tidak semua sifat yang diwariskan, tapi kita bisa memaksa mereka dengan menggunakan nilai Inheritance.

Aturan CSS memberitahu browser bagaimana untuk membuat elemen. Sebuah aturan (atau set aturan) terdiri dari dua bagian utama: pemilih diikuti oleh satu atau lebih deklarasi. Aturan kemudian menerapkan Deklaration terdaftar untuk semua elemen yang cocok dengan Selector.

Selector adalah bagian dari aturan CSS yang sesuai dengan elemen HTML. Selectors dapat berisi satu atau lebih penyeleksi yang sederhana, seperti penyeleksi jenis, kelas atau ID dipisahkan oleh combinators, yang menjelaskan hubungan antara pemilih. Contoh combinators spasi, lebih besar dibanding-tanda (>), tanda plus (+) dan tilde (~).

Deklaration ini merupakan bagian yang duduk di dalam kurung kurawal {}. Ini terdiri dari nama properti diikuti oleh sebuah titik. Beberapa deklarasi dapat dilakukan dengan mengorganisir mereka ke dalam kelompok dengan cara memisahkannya dengan titik koma.

Properties adalah seperangkat parameter yang menentukan rendering dokumen, mereka menunjukkan bagian dari elemen yang ingin kita ubah. Setiap properti diikuti oleh nilai yang menentukan pengaturan yang ingin kita gunakan untuk sebuah properti. Dalam artikel selanjutnya, kita akan membahas cara-cara untuk menambahkan CSS ke halaman, model kotak CSS, penyeleksi dan banyak lagi!

Share this:

 
Copyright © Babble of Ibnoec. Designed by OddThemes