Sadece Geçerli Belgeyi Etkileyen CSS
İç Stil Sayfaları nedir?
İç stil sayfaları, HTML belgesine yerleştirilmiş stillerdir. Bu stiller, yalnızca içerdikleri belgeyi etkiler ve başka bir Web belgesi tarafından başvurulamaz.
İç Stil Sayfalarının Avantajları
- Dahili stil sayfaları yalnızca bulundukları sayfayı etkiler.
- Büyük bir sitede çalışıyorsanız ve siteyi bir bütün olarak yüklemeden önce stilleri test etmeniz gerekiyorsa, dahili stil sayfaları harika bir araç olabilir. Stilleri, sitenin içeriği bağlamında, test ettiğiniz bir sayfayı kırmadan test etmenize izin verir.
- Dahili stil sayfaları sınıfları ve kimlikleri kullanabilir.
- Satır içi stillerden farklı olarak, iç stil sayfaları hala sınıfların, kimliklerin, kardeşlerin ve diğer öğe ilişkilerinin avantajlarından yararlanabilir.
- Dahili stil sayfaları, birden fazla dosya yüklemenizi gerektirmez.
- Bu özellikle, düzenlenecek tek bir HTML dosyanızın bulunduğu e-posta veya kiosk gibi şeyler ile çalışırken yararlıdır. Genellikle URL'nin bir CMS'ye yüklenen bir stil sayfası olacağından emin olmadığım zaman satır içi stilleri kullanırım - stilleri belgeyle sakladığımda bu biçimleri hangi biçimleri etkilediğimi biliyorum.
- İç stiller, harici stil sayfalarından daha yüksek önceliğe sahip olabilir.
- Bu, harici stil sayfalarının yüklenme sırası tarafından belirlenir. Sayfanın web geliştiricisi, iç stillerin belgenin başına nereye yerleştirileceği üzerinde kontrol sahibidir. Bağlantıdan sonra harici stillere yerleştirilirlerse, kaskadda daha yüksek bir önceliğe sahip olacaklar ve harici stil sayfasını fazla sürecekler.
İç Stil Sayfalarının Dezavantajları
- Sadece bulundukları sayfayı etkilerler.
- Aynı stilleri birkaç belgede kullanmak isterseniz, bunları her sayfa için tekrarlamanız gerekir (veya harici bir stil sayfasına bağlantı ).
- Dahili stil sayfaları sayfa yükleme sürelerini artırır.
- Dahili stil sayfası olan her sayfa, sayfa her yüklendiğinde stil sayfası bilgilerini yüklemeli ve ayrıştırmalıdır. Harici stil sayfaları tarayıcılar tarafından önbelleğe alınır; bu, ilk yüklendikten sonra her sayfa için yükleme sürelerini artırır.
Dahili Stil Sayfası Nasıl Yazılır
öğe:
- Web düzenleyicinizde bir HTML belgesi açın.
- Aşağıdakileri ekleyin
Tam bir dahili stil sayfası şöyle görünecektir: