CSS nedir?
CSS, “Cascading Style Sheets” kelimelerinin kısaltılmasından oluştur ve türkçe anlamı Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları şeklindedir.
CSS en temel haliyle HTML etiketlerimizin görsel açından biçimlendirilmesini (Renk, yazı şekli, arka plan rengi, genişlik, yükseklik, pozisyon durumu vs) sağlar.
CSS’in sahip olduğu seçiciler vardır. Bunlar id ve class olarak ikiye ayrılır. HTML etiketlerinde tanımladığımız seçici isimleriyle birlikte CSS kullanarak etiketleri biçimlendiririz.
Kısaca şu örnekle açıklayabiliriz :
HTML kodu :
1
|
<h1 class=”secici”>Merhaba Dünya</h1>
|
<h1> etiketine bir seçici tanımladık. (class=”secici”)
CSS kodu :
1
2
3
4
5
6
7
|
.secici
{
font-size: 20px;
color:red;
width:100%;
height:50px;
}
|
.secici ile birlikte etiketimizi seçtik. Ve font-size, color, width, height değerleri tanımlayarak html etiketimize müdahalede bulunduk.
CSS’i Neden Kullanılırız?
CSS’i HTML ile oluşturduğumuz iskelet yapılarını görsel açıdan daha iyi hale getirmek için kullanırız.
Yorumlar
Yorum Gönder