Bir web tarayıcısı bir web sayfasını yüklediğinde, görünme şekli basamaklı bir stil sayfasından bilgi ile belirlenir. Bir HTML dosyasının bir stil sayfası kullanmanın üç yolu vardır: harici, dahili ve sıralı.
İç ve satır içi stil sayfaları HTML dosyasının kendisinde saklanır. Şu anda çalışmak kolay, ancak merkezi bir yerde saklanmadıkları için, tüm web sitesi genelinde stil üzerinde kolayca değişiklik yapmak imkansız; bunun yerine her girişe geri dönmeli ve manuel olarak değiştirmelisiniz.
Bununla birlikte, harici bir stil sayfasıyla, sayfanın oluşturulmasına yönelik talimatlar tek bir dosyada saklanır; bu, stilin tamamını bir web sitesi veya birden çok öğe üzerinde düzenlemeyi gerçekten kolay hale getirir. Dosya, .CSS dosya uzantısını kullanır ve HTML tarayıcısında bu dosyanın bulunduğu konuma bir bağlantı bulunur, böylece web tarayıcısı stil talimatlarını nerede arayacağını bilir.
Bir veya daha fazla belge aynı CSS dosyasına bağlanabilir ve bir web sitesinde farklı sayfalar, tablolar, resimler vb. Şekillendirmek için birçok benzersiz CSS dosyası bulunabilir.
Harici Stil Sayfasına Nasıl Bağlanır
Belirli bir harici stil sayfasını kullanmak isteyen her web sayfasının CSS dosyasına
bölüm, bunun gibi:
Bu örnekte, kendi belgenize uygulamak için değiştirilmesi gereken tek şey, styles.css Metin. Bu, CSS dosyanızın yeridir.
Dosya aslında adlandırılırsa styles.css ve ona bağlanan belge ile aynı klasörde bulunur, daha sonra yukarıda okuduğu gibi kalabilir. Ancak, CSS dosyanızın başka bir şeyle başa çıkma şansı vardır, bu durumda isminizi "stiller" inizden değiştirebilirsiniz.
CSS dosyası bu klasörün kökünde değil, bunun yerine bir alt klasörde ise, bunun gibi bir şey okuyabilir:
Harici CSS Dosyaları Hakkında Daha Fazla Bilgi
Harici stil sayfalarının en büyük yararı, belirli bir sayfaya bağlı olmamasıdır. Stil, dahili veya çevrimiçi olarak gerçekleştirilirse, web sitesindeki diğer sayfalar bu stil tercihlerine işaret edemez.
Bununla birlikte, harici stil ile, aynı CSS dosyası, web sitesinde kelimenin tam anlamıyla her bir sayfası için kullanılabilir, böylece hepsinin tek bir görünümü vardır ve web sitesinin CSS içeriğini düzenlemek son derece kolay ve merkezileştirilir.
Bunun nasıl çalıştığını aşağıda görebilirsiniz …
İç stil kullanımı gerektirir
Bununla birlikte, harici stil sayfaları kendi dosyalarında bulunduğundan, bu şekilde oluşturulabilirler ve yukarıdaki örnekle aynı şey anlamına gelir:
vücut {arka plan rengi: yeşil; h1 {color: mavi; kenar boşluğu: 15 piksel; }
Bu örneklerde, satır içi stil yalnızca söz konusu sayfa için geçerlidir; bu, HTML sayfasının başlık ayrıntılarında yer almasıyla açık bir şekilde görülür. İkinci örnekte, CSS bilgisi, herhangi bir sayfanın kod kullanarak bağlanabileceği bir CSS dosyasında kendi kendine yer alır. Harici Stil Sayfasına Nasıl Bağlanır yukarıdaki bölüm.
