Neden CSS (Cascading Style Sheets) ?

Neden CSS kullanmanız gerektiğibi bu makalemde öğreneceksiniz.

Bu soru en iyi şekilde aşağıda göstereceğim örnekte anlaşılacak.

Bir tablo düşünün 1 satır ve 5 sütündan oluşsun. Bunların formatları aynı olsun, yanı aynı yazı tipi (verdana), yazı boyutu (4) ve rengi kırmızı (red) olsun.

Eğer bunu HTML ile yapsaydık kodlar şu şekilde olacaktı:

 

HTML-Kodu:

<TABLE border=”1″>

<TR>

<TD><FONT color=”red” face=”verdana” size=”4″>Istanbul</FONT></TD>

<TD><FONT color=”red” face=”verdana” size=”4″>Ankara</FONT></TD>

<TD><FONT color=”red” face=”verdana” size=”4″>Izmir</FONT></TD>

<TD><FONT color=”red” face=”verdana” size=”4″>Afyon</FONT></TD>

<TD><FONT color=”red” face=”verdana” size=”4″>Denizli</FONT></TD>

</TR>

</TABLE>

Sadece HTML ile bu tabloyu oluşturmaya çalışırsanız 5 kere aynı FONT-Tag’ını kullanmak zorundasınız.

Aynı tablo’yu CSS ile yaparsak…:

 

HTML-Kodu:

<TABLE border=”1″><TR>

<TD>Istanbul</TD>

<TD>Ankara</TD>

<TD>Izmir</TD>

<TD>Afyon</TD>

<TD>Denizli</TD>

</TR>

</TABLE>

Dosyanın HEAD bölümünde yada extra bir CSS dosyasın’da şu kodlar olmalıdır:

 

HTML-Kodu:

 TD {

color: red;

font-family: verdana;

font-size: large;

}

İkinci yöntem’de daha az kod yazmamız gerektiğini kolaylıkla görebiliriz. Tabiki bu işlemi FONT-Tag’i ilede yapabilirdiniz. Kaynak kodlarıda o şekilde uzar giderdi. Dosya boyutuda büyürdü ve 56k Modemi olan sitenize girmek için kanser olurdu. Düşünmeniz gereken şu: O tablo ya 5 satır, 50 satır yada 500 satırdan oluşsaydı ? CSS ile daha az kod yazıp daha kolay bir şekilde yapabilirsiniz. Daha kötüsüde olabilir: 500 Sayfanız var ve hepsinde bir tablo var. En geç şimdi anlamanız gerekir ki CSS herşeyi daha kolay hale getiriyor.