Neden CSS (Cascading Style Sheets) ?

Prof.Hüko · #1 (**permalink**) 17-02-2008, 03:02

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.

Makale bana aittir.

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)