Harici CSS Tanımı ve Birine Nasıl Bağlanır
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 sitesinde 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 konumunu içeren bir bağlantı bulunur; böylece web tarayıcısı, stil yönergeleri için nereye bakılacağı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, bölümündeki CSS dosyasına bağlanması gerekir, bunun gibi:
Bu örnekte, kendi belgenize uygulamak için değiştirilmesi gereken tek şey, styles.css metindir. Bu, CSS dosyanızın yeridir.
Dosya, styles.css olarak adlandırılırsa ve ona bağlanan belge ile tam olarak aynı klasörde bulunuyorsa, tam olarak 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 ...
Dahili stil, etiketlerinden ayırt edilmeleri gerektiğinden