CSS Tanımı (Stil Sayfaları)

Bir metnin metinlerinin ve bileşenlerinin kullanıldığı stil web sayfası, birkaç sayfanın yanı sıra, her birinden bağımsız olarak işaretlenebilir veya harici bir öğeye (başka bir dosya hangi stillerin tanımlandığı) yeniden kullanılabilir. Bu harici öğe, CSS stil sayfası olarak adlandırılan şeydir.

Bir CSS stil sayfası (Basamaklı Stil Şablonu, basamaklı stil sayfaları), tarayıcı tarafından oluşturulduğunda web sayfaları tarafından benimsenen görsel stili modellemek için bilgi içeren bir bilgisayar dosyasından başka bir şey değildir.

Bunun olması için, HTML dosyası içinden bir CSS stil sayfasına bir çağrı yapılmalıdır. talimat.

İçeriğin görünüşten ayrılması sayesinde, bize çeşitli açılardan bakmamıza izin veren bir soyutlama elde ederiz. özgürlük.

Birincisi, tam bir web sitesinin estetiğini değiştirmek istiyorsak, yalnızca çalışma sayfası dosyalarını rötuşlamamız gerekecek. CSS stili, böylece HTML sayfalarında bu dosyalara çağrılar varsa, estetik form değişikliği oluşacaktır. otomatik.

Diğer bir avantaj ise, Yazar CSS dosyaları tarafından verildiğinden, içeriğin düzeninden haberdar olmanıza gerek kalmadan bunlara odaklanabileceksiniz.

Stil sayfası, belirli ve standartlaştırılmış bir yapıya sahip bir tasarım dilinden oluşturulmuştur. stil sayfasının, web sayfasının hizmet ettiği ve bunun için kullanıldığı teknolojiden bağımsız olduğunu ifade eder. render et.

Bunun nedeni, web'in cihazdan bağımsız olması ve herhangi bir sunucu aynı içeriğe hizmet eder ve bunların aynı nihai sonuçla hiç tarayıcı, bazı araçların bunu diğerlerinden daha hızlı yapıp yapamayacağına ve dolayısıyla kullanıcılara daha iyi performans sunup sunmayacağına bakılmaksızın Kullanıcı adı.

aynısı dil Tanım, herhangi bir XML belgesinde de kullanılabilir (sonuçta HTML, XML'in bir alt kümesi olarak yorumlanamaz).

Dilin yapısı basittir, bir sayfanın stilinin özelliklerine atıfta bulunan bir dizi ayrılmış anahtar kelime ve bu özelliklerin her biri için birkaç kural içerir.

Basit bir CSS stil sayfası örneği şu olabilir:

vücut {
h1 {font-family: Helvetica, Geneva, Arial,
SunSans-Normal, sans-serif}
}

İçinde yazdığımız ve bu stil sayfasına konu olan HTML belgelerinin H1 başlığının nasıl olması gerektiğini basitçe tanımlıyoruz. Bunun için HTML sayfalarının bölümünde bu cümlenin olması gerekir. BAŞ:

hangisinde stil sayfası.css, tanımları içeren dosyanın adıdır.

Sayfa için kullandığımız aynı HTML dosyasına stil için mizanpaj talimatlarını da ekleyebiliriz, böylece bize fazladan bir dosya kazandırabiliriz, ancak o zaman, tüm HTML'yi değiştirmek zorunda kalacağımız için, yalnızca bir dosyayı değiştirmek zorunda kalarak tüm sayfaların görünümünü değiştirme çok yönlülüğünü kaybederiz. tam olarak aynı.

CSS stil sayfalarının yazıldığı dil, Web'de kullanılan standartları teknik düzeyde düzenlemekten sorumlu olan W3C tarafından onaylanmalarından önce zaten mevcuttu.

1990'ların ortalarında onaylandı ve o zamandan beri bir standart haline geldi. vazgeçilmez büyük web sitelerinde kullanım için.

Fotoğraf: Fotolia - Stringer

CSS'deki Temalar (Stil Sayfaları)