CSS Söz Dizimi

CSS , Seçici ve Bildirim olarak iki ana bölümden oluşur.

• Seçici olarak gösterdiğimiz alana istediğimiz HTML/XHTML etiketini yazabiliriz.
• Her Bildirim, "Özellik" ve "Değer" içerir.
• Özellik, değiştirilmek istenen stil özniteliğidir. Örnek; color, font-size vb.
• Değer ise stil özniteliklerine verilen değerlerdir. Örnek; blue, 12px vb.
• CSS bildirimleri her zaman noktalı virgülle biter, bildirim grupları ise süslü parantez içinde olmalıdır.

CSS kodlarının daha okunaklı olması için her Bildirim 'i bir satıra yazmalıyız ve her bildirimden önce "Tab" tuşuna basarak boşluk vermeliyiz.

Örnek olarak görelim....

p {
    color: black;
    text-align: center;
}

CSS Yorum Ekleme - Comments

CSS 'te yorum ekleme, HTML/XHTML 'den biraz daha farklı. Yorumu açarken " /* " karakterlerini kullanıyoruz, yorumu kapatırken ise " */ " karakterlerini kullanıyoruz.

Örnek olarak görelim....

/* Bu CSS ile her " p " etiketi içinde ki yazının rengi sarı olacak ve yazılar ortalanmış olacak.  */
p {
    color: yellow;
    text-align: center;


}

CSS Giriş

CSS Giriş - İntro

CSS öğrenebilmemiz için HTML/XHTML biliyor olmamız gerekiyor. Minik bir not: CSS , " si -es -es " olarak okunmaktadır.

CSS nedir?

CSS' in açlımı Cascading Style Sheets 'tir. Türkçesi ise Stil Şablonları olarak geçmektedir. HTML/XHTML öğelerine stil vermek için kullanılır. CSS, herhangi bir metin editörü (Örneğin, Not Defteri, Vim, TextMate vs) ile yazılabilir.

CSS, HTML/XHTML ile stilleri birbirinden ayırmak için World Wide Web Consortium (W3C) 'u tarafından yaratılmıştır.

CSS ile sayfamızın tamamına stil verebileceğimiz gibi sadece tek bir harfe de stil verebiliriz, CSS burada bize çok büyük bir esneklik gösteriyor.

CSS ile Neler Yapılabilir?

CSS kullanarak HTML/XHTML ile yapamayacağımız birçok şeyi yapabiliriz. Bir sayfada ki tüm öğeleri veya belli bir öğeyi renk, boyut, arkaplan görseli, sayfada bulunan konumu, bir öğenin diğer öğeler ile arasında ki mesafeyi ve daha bir çok özelliği CSS ile tanımlayabiliriz.

CSS İpucu - Internet Explorer Faktörü

Hemen hemen her konuda olduğu gibi CSS konusunda da Internet Explorer ve diğer gelişmiş tarayıcılar (Opera, Safari, Firefox, Chrome vs.) farklı yorumlar ortaya koyarlar. Bu durumda tüm tarayıcılarda aynı / benzer yorumlanacak kodlar yazmak en iyi seçim olacaktır.