CSS

CSS (Cascading Style Sheets), basamaklı stil sayfaları anlamına gelir. Yazı tipi, yazı boyutu, renk, boşluk, kenarlık ve HTML bilgilerinin konumu dahil olmak üzere web sitelerindeki içeriğin sunumu ve biçimlendirilmesi için kullanılan stil sayfası, işaretleme dilidir.

 

CSS’in Kısa Tarihi

 

• 1994 yılında Håkon Wium Lie, web tasarımcılarının web sitelerinin düzenini, renklerini ve yazı tiplerini değiştirmelerine izin vermek için CSS fikrini ortaya attı. 
• 1996 yılında CSS’in ilk versiyonu icat edildi. 
• 1998 yılında CSS2 çıktı ve ardından CSS3 üzerinde çalışmalar başladı. 
• 1999 yılında CSS 3’ün ilk taslağı yayınlandı. 
• Günümüzde CSS3 kullanılmaktadır.

 

CSS Nasıl Çalışır? 

 

Tarayıcı HTML sayfasını yükler ardından HTML’i DOM’ye (Document Object Model) dönüştürür. Daha sonra tarayıcı HTML belgesi ile bağlanan gömülü resimler ve CSS kodlarını barındıran CSS sayfasını getirir. 

Getirilen CSS’i ayrıştıran tarayıcı farklı kuralları seçicilere göre sıralar. DOM’daki CSS komutlarına göre gelen stilleri belirler ve stilleri gerektiği şekilde uygulamaya başlar. CSS kuralları uygulandıktan sonra sayfa görünmesi gereken yapıda düzenlenir ve sayfanın olması gerektiği gibi görsel gösterimi ekranda gösterilir. 

 

Örnek CSS Kodu

Yukarıdaki görselde şu an içerisinde bulunduğunuz Coderspace web sitesinin header için tanımlanmış olan CSS kodlarını görüyorsunuz.