CSS Nedir?

CSS, Basamaklı Stil Sayfaları anlamına gelir. Bir web sitesine görünümünü ve düzenini veren kodlama dilidir. HTML ile birlikte CSS, web tasarımının temelidir. Onsuz, web siteleri hala beyaz arka planlar üzerinde düz metin olurdu.

1996 yılında World Wide Web Consortium (W3C) tarafından CSS'nin geliştirilmesinden önce, Web sayfaları hem biçim hem de işlev açısından son derece sınırlıydı. İlk tarayıcılar bir sayfayı hiper metin olarak sundu - düz metin, resimler ve diğer hiper metin sayfalarına bağlantılar. Bahsedilecek bir düzen yoktu, yalnızca sayfa boyunca tek bir sütunda koşan paragraflar vardı.

CSS, web sayfası düzeninde aşağıdakiler gibi çeşitli yeniliklere izin verdi:

• Tarayıcı için varsayılanın dışındaki yazı tiplerini belirtin
• Metin ve bağlantıların rengini ve boyutunu belirtin
• Renkleri arka plana uygula

Web sayfası öğelerini kutularda içerir ve bu kutuları sayfadaki belirli konumlara kaydırır.
Stil sayfalarına "stil" koydular ve ilk kez Web sayfaları tasarlanabildi.

CSS'yi okuyan ve kullanan ilk ticari tarayıcı 1998'de Microsoft'un Internet Explorer 3'üydü. Bugüne kadar, belirli CSS işlevleri için destek tarayıcıdan tarayıcıya değişir. Halen Web standartlarını denetleyen ve oluşturan W3C, kısa süre önce CSS - CSS3 için yeni bir standart yayınladı. CSS3 ile geliştiriciler, tüm büyük tarayıcıların her CSS işlevini aynı şekilde okumasını ve görüntülemesini umuyor.

CSS nasıl çalışır?

CSS'nin nasıl çalıştığının temellerini anlamak için önce modern HTML hakkında biraz bilgi sahibi olmalısınız. Web geliştiricileri, sayfaları "kutu modeline" göre düzenler. Web sayfası, her biri ayrı bir öğe içeren bir dizi kutudur. Bu kutular iç içe geçmiş durumda.

Örneğin, bir sayfanın başlığı bir kutudur ve bir başlığı oluşturan tüm öğeleri içeren birkaç küçük kutu içerir: logo, gezinme, sosyal medya düğmeleri, alışveriş sepeti düğmeleri vb. CSS kullanarak, bir geliştirici " başlık" kutusu. Bu örnekte, geliştiricinin başlığın içindeki metni mor, Arial yazı tipi ve on beş punto yüksekliğinde yaptığını varsayalım.

Basamaklı stil sayfalarının "basamaklı" kısmı burada devreye giriyor. Başlığa uygulanan yazı tipi stilleri, başlığın içerdiği tüm öğelere kadar basamaklanır. Gezinme, bağlantılar veya harekete geçirici mesajlar gibi metin içeren öğelerin tümü mor, Arial ve on beş puan yüksekliğinde olacaktır.