! Önemli Cascade'de Değişimi Güçlendiriyor
Web sitelerini kodlamayı öğrenmenin en iyi yollarından biri, diğer sitelerin kaynak kodlarına bakmaktır. Bu uygulama, web tasarım kursları , kitaplar ve çevrimiçi eğitim siteleri için pek çok seçeneğin bulunmasından önceki günlerde, web uzmanlarının kaç yılını öğrendiğidir.
Bu uygulamayı denerseniz ve bir sitenin basamaklı stil sayfalarına (CSS) bakarsanız, bu kodda görebileceğiniz bir şey, önemli!
Bu ne anlama geliyor, ve en önemlisi, bu beyannameyi stil sayfalarınızda doğru olarak nasıl kullanıyorsunuz?
CSS Cascade
Her şeyden önce, basamaklı stil sayfalarının gerçekten basamaklı olduğunu anlamak önemlidir, yani belirli bir sıraya yerleştirilirler. Genel olarak, bu, stillerin tarayıcı tarafından okundukları sıraya göre uygulandığı anlamına gelir. İlk stil uygulanır ve sonra ikinci ve daha sonra.
Sonuç olarak, bir stil sayfasının üst kısmında bir stil belirir ve ardından belgede aşağı doğru değiştirilirse, bu stilin ikinci örneği, sonraki örneklerde değil, birincisinde uygulanır. Temel olarak, eğer iki stil aynı şeyi söylerse (ki bu da aynı özellik düzeyine sahip olduğu anlamına gelir), listelenen sonuncusu kullanılacaktır.
Örneğin, aşağıdaki stillerin bir stil sayfasında yer aldığını hayal edelim. Uygulanan ilk stil özelliği kırmızı olsa bile paragraf metni siyah renkte oluşturulacaktır.
Bunun nedeni, "siyah" değerinin ikinci olarak listelenmesidir. CSS yukarıdan aşağıya okunduğundan, son stil "siyah" ve dolayısıyla bir kazanır.
p {color: kırmızı; }
p {color: black; }
Önemli! Öncelikli Değişiklikler
Şimdi bu neredeyse aynı kuralların CSS tarafından nasıl işlendiğini anladığınıza göre, önemli direktifin bazı şeyleri nasıl değiştirdiğine bakabiliriz.
En önemli yönerge, CSS'nizin hangi kurallara uyup uymadığını en önemli ve uygulandığı şekilde etkiler. Bu kuralın CSS belgesinde nerede göründüğü önemli değil, önemli yönergeye sahip bir kural her zaman uygulanır.
Yukarıdaki örnekte paragraf metnini daima kırmızı yapmak için şunları kullanacaksınız:
p {color: kırmızı! önemli; }
p {color: black; }
Şimdi "siyah" değeri ikinci sırada olsa bile, tüm metin kırmızı olarak görünecektir. Önemli direktif, kademenin normal kurallarını geçersiz kılar ve bu tarzın çok yüksek özgüllüğü verir.
Paragrafların kırmızı görünmesi için kesinlikle gerekliyse, bu stil bunu yapardı, ama bu iyi bir uygulama olduğu anlamına gelmez. Kullanmak isteyeceğiniz zaman bir sonraki bakalım, önemli ve uygun olmadığında.
Ne zaman kullanılmalı?
Bir web sitesini test edip hata ayıkladığınızda! Önemli yönerge çok yararlıdır. Bir stilin neden uygulanmadığından emin olmadığınızı ve özgüllük sorunu olabileceğini düşünmüyorsanız, bunu düzeltip düzeltmediğini görmek için? Önemli bildirimi stilinize ekleyebilirsiniz.
Önemli bir şey eklemek gerçekten de stil sorununu düzeltiyorsa, bunun bir özgüllük sorunu olduğunu belirlediniz. Ancak, bu önemli kodu yerinde bırakmak istemezsiniz, sadece test amacıyla koyulmuştur.
Test yapıldıktan sonra, şimdi bu yönergeyi kaldırmalı ve stilinizi çalışır hale getirmek için ihtiyaç duyduğunuz özgünlüğü elde etmek için seçicinizi ayarlamalısınız. Önemli, normal kaskatı nasıl değiştirdiğinden dolayı, üretim sitelerinize girmemelidir.
İstediğiniz stillere ulaşmak için! Önemli beyannameye çok fazla dayanıyorsanız, nihayetinde! Önemli stillerle dolu bir stil sayfası olacak. Sayfanın CSS'sinin işlenme şeklini temel olarak değiştireceksiniz. Uzun vadeli bir yönetim bakış açısından iyi olmayan tembel bir uygulamadır.
Bir tema veya şablon çerçevesinin parçası olan satır içi stilini kesinlikle geçersiz kılmanız gerektiğinde, bazı durumlarda, test için önemli veya kullanımı önemlidir.
Bu durumlarda bile, bu yaklaşımı olabildiğince zorlayıcı bir şekilde kullanın ve bunun yerine kaskadı anlatan temiz stil sayfalarını yazmaya çalışın.
Kullanıcı Stil Sayfaları
Anlamak için gerekli olan önemli yönerge hakkında bir son not vardır. Bu yönerge, web sayfası kullanıcılarının sayfalarını kullanmalarını veya okumasını zorlaştıran stil sayfalarıyla başa çıkmalarına yardımcı olmak için de uygulamaya koyulmuştur.
Genellikle, bir kullanıcı web sayfalarını görüntülemek için bir stil sayfası tanımlarsa , bu stil sayfası web sayfası yazarının stil sayfası tarafından geçersiz hale getirilir. Kullanıcı bir stili önemli olarak işaretlerse, yazar, bir kuralın önemli olduğunu belirtse bile web sayfası yazarının stil sayfasını geçersiz kılar.
Bu, stilleri belirli bir şekilde ayarlamanız gereken kullanıcılar için yararlıdır. Örneğin, bir kullanıcının kullandığı tüm web sayfalarında varsayılan yazı tipi boyutlarını artırması gerekebilir. Önemli yönergelerinizi, oluşturduğunuz sayfalarda sınırlı bir şekilde kullanarak, kullanıcılarınızın sahip olabileceği özel ihtiyaçları karşılayacaksınız.
Jeremy Girard tarafından düzenlendi