Helaian Gaya Cascading atau CSS disediakan supaya anda boleh mempunyai banyak sifat yang mempengaruhi elemen yang sama. Sesetengah sifat tersebut mungkin bertentangan dengan satu sama lain. Sebagai contoh, anda mungkin menetapkan warna font merah pada tag perenggan dan kemudian, kemudian, tetapkan warna fon berwarna biru. Bagaimanakah pelayar tahu mana warna untuk membuat perenggan? Ini diputuskan oleh kaskade.
Jenis Helaian Gaya
Terdapat tiga jenis helaian gaya berbeza:
- Lembaran Gaya Pengarang
- Ini adalah helaian gaya yang dibuat oleh pengarang halaman Web. Mereka adalah apa yang difikirkan oleh kebanyakan orang apabila mereka memikirkan helaian gaya CSS.
- Helaian Gaya Pengguna
- Lembaran gaya pengguna ditetapkan oleh pengguna halaman Web. Ini membolehkan pengguna mempunyai lebih banyak kawalan ke atas paparan halaman.
- Lembaran Gaya Ejen Pengguna
- Ini adalah gaya yang digunakan oleh penyemak imbas Web untuk halaman untuk membantu memaparkan halaman tersebut. Sebagai contoh, dalam XHTML, ejen pengguna yang paling visual memaparkan tag sebagai teks bertaip. Ini ditakrifkan dalam helaian ejen pengguna.
Hartanah yang ditakrifkan dalam setiap helaian gaya di atas diberi berat. Secara lalai, helaian gaya pengarang mempunyai berat badan yang paling banyak, diikuti oleh helaian gaya pengguna, dan akhirnya oleh helaian gaya ejen pengguna. Satu-satunya pengecualian untuk ini adalah dengan peraturan yang penting dalam helaian pengguna. Ini mempunyai lebih banyak berat daripada helaian gaya penulis.
Perintah Cascading
Untuk menyelesaikan konflik, penyemak imbas web menggunakan urutan pengurutan berikut untuk menentukan gaya mana yang mempunyai keutamaan dan akan digunakan:
- Pertama, cari semua perisytiharan yang terpakai kepada elemen yang dipersoalkan, dan untuk jenis media yang ditetapkan.
- Kemudian lihat apa lembaran gaya ia datang dari. Seperti di atas, helaian gaya pengarang datang dahulu, kemudian pengguna, kemudian ejen pengguna. Dengan gaya pengguna yang penting mempunyai keutamaan yang lebih tinggi daripada gaya penting penulis.
- Pemilih yang lebih spesifik adalah, lebih mendahului ia akan mendapat. Sebagai contoh, gaya pada "div.co p" akan mempunyai lebih tinggi daripada satu lagi pada tag "p".
- Akhirnya, isikan peraturan mengikut urutan yang ditetapkan. Kaedah-kaedah yang ditakrifkan kemudian di dalam pokok dokumen mempunyai keutamaan yang lebih tinggi daripada yang dinyatakan sebelum ini. Dan peraturan dari helaian gaya yang diimport dipertimbangkan sebelum mengarahkan secara langsung dalam helaian gaya.