Basamaklı Stil Sayfaları veya CSS, aynı öğeyi etkileyen birçok özelliğe sahip olabilmeniz için ayarlanmıştır. Bu özelliklerin bazıları birbiriyle çakışabilir. Örneğin, paragraf etiketinde kırmızı bir yazı tipi rengi ayarlayabilir ve daha sonra mavi yazı tipi rengini ayarlayabilirsiniz. Tarayıcı paragrafları hangi renkte yapacağını nasıl biliyor? Bu çağlayan tarafından karar verilir.
Stil Sayfa Türleri
Üç farklı stil sayfası vardır:
- Yazar Stil Sayfaları
- Bunlar, Web sayfasının yazarı tarafından oluşturulan stil sayfalarıdır. Çoğu insan CSS stil sayfalarını düşündüklerinde düşündükleri şeydir.
- Kullanıcı Stil Sayfaları
- Kullanıcı stil sayfaları Web sayfasının kullanıcısı tarafından ayarlanır. Bunlar kullanıcının sayfaların nasıl görüntülendiğine daha fazla hakim olmasını sağlar.
- Kullanıcı Aracı Stili Sayfaları
- Bunlar, bu sayfanın görüntülenmesine yardımcı olmak için Web tarayıcısının sayfaya uyguladığı biçimlerdir. Örneğin, XHTML'de çoğu görsel kullanıcı aracı etiketi italik metin olarak görüntüler . Bu kullanıcı aracısı stil sayfasında tanımlanmıştır.
Yukarıdaki stil sayfalarının her birinde tanımlanan özellikler bir ağırlık verilir. Varsayılan olarak, yazar stil sayfası en fazla ağırlığa sahip olur, ardından kullanıcı stil sayfası ve son olarak kullanıcı aracısı stil sayfası gelir. Bunun tek istisnası, kullanıcı stil sayfasındaki ! Önemli kuraldır. Bu, yazarın stil sayfasından daha ağırdır.
Basamaklı Sipariş
Çakışmaları çözmek için, Web tarayıcıları hangi stilin öncelikli olduğunu belirlemek için kullanılacak sıralama sırasını kullanırlar.
- Öncelikle, söz konusu öğe için geçerli olan tüm beyanları ve atanmış medya türünü arayın.
- Sonra hangi stil sayfasından geliyor bakın. Yukarıdaki gibi, yazar stili sayfaları önce kullanıcı, sonra kullanıcı aracısıdır. Önemli kullanıcı stilleri, yazarın önemli stillerinden daha yüksek önceliğe sahiptir.
- Bir seçici daha özgündür, daha öncelikli olacaktır. Örneğin, "div.co p" üzerindeki bir stil, yalnızca "p" etiketindeki bir öncekinden daha yüksek bir önceliğe sahip olacaktır.
- Son olarak, kuralları tanımlandıkları sıraya göre sıralayın. Daha sonra belge ağacında tanımlanan kurallar, daha önce tanımlananlardan daha yüksek önceliğe sahiptir. Ve içe aktarılan stil sayfasından kurallar, doğrudan stil sayfasındaki kurallardan önce kabul edilir.