CSS(Cascading Style Sheets) WEB kullanıcılarına HTML taglerini şekillendirmede yardımcı olan bir dildir. HTML kullanırken tag özelliklerini değiştirmek için style="" özelliğini kullanırız. bu sayede daha gelişmiş ve kullanışlı sayfa tasarımları oluşturabiliriz ve dahası CSS kullanmak bize zaman kazandırır.

Örnek ile açıklamak gerekirse bir yazı için sitemizde sürekli onun yazı şeklini rengini ve boyutunu ayarlamamız gerekir. Ayarlamazsak varsayılan değer kullanılacaktır. Bunu engellemek için kendi değerimizi tanımlayıp bunu istediğimiz yerde kullanabilir ve bu özelliği tek bir yerden çağırabiliriz. Böylece ilerde değiştirmek istediğimizde tek bir yerden değiştirebilir ve tüm sitede aktif olmasını sağlayabiliriz.

HTML içinde CSS kullanabilmek için Taglere ID yada class ile isim vermemiz gerekir ve bunlar eşsiz olmalıdır. ID tek bir element tanımlamak için kullanılır, classlar  ise birden fazla elemente ortak değer vermek için kullanılır. ID ve class atanırken CSS'in büyük küçük harfe duyarlı olduğunu unutmamak gerekir.

CSS dosyaları .CSS uzantılı olur ve aşağıdaki gibi HTML sayfasına eklenir:

 

<link href="main.CSS" rel="stylesheet" type="text/CSS" />

 

Aynı zamanda HTML sayfasının içindede CSS kullanabiliriz:

 

<style type="text/CSS">

…

</style>

 

İsterseniz başka bir CSS dosyasını kendi CSS dosyanın içinden çağırabilirsiniz:

 

@import url("/CSS/style.CSS");

 

 

CSS dosyası içinde IDler # işareti ile classlar ise .(Nokta) ile belirtilir.


 

.classAdı {

 

}

 
#IDAdı {

 

}

 

Daha sonra bu ID yada classları HTML içinde class="" ve id="" özellikleri ile tanımlayabiliriz. ayrıca <div> ve <span> ile kendi elementlerimizi oluşturabiliriz.

 

<p class="MainParag">…</p>

<div class="MainParag">…</div>

 

<div> sayfamız içinde kendimize ait bir alan oluşturmamızı sağlar. <span> ise bir grup oluşturmamızı yada bır yapı icinde bir kızım tanımlamamızı sağlar.