CSS KODLARI NASIL YAZILIR?

Merhaba..

CSS özellikleri yazılırken ;  özellik : değer ;  yapısı kullanılır. Birden fazla özellik değer ikilisi aynı anda yazılacaksa  aralarına  noktalı virgül konularak yazılır.. Kullanıldığı yere göre özellikler "süslü parantez" içersinde veya "style" parametresi ile belirtilir..

Örneğin aşağıda h1 etiketi için "mavi yazı rengi" ile "12px yazı boyutu" belirleniyor..

GENEL veya HARİCİ  CSS

SEÇİCİ 

Özellik verilmek istenen etiket , sınıf , id vs...  (p, h1, div , .box , .container, #pass, #wrapper vs...)

ÖZELLİK 

Elemana eklenilmesi istenen biçim özelliği..  (color, font-size, background-color vs...)

DEĞER 

Elemana eklenecek olan biçim özelliğinin ne olduğu...(blue, 12px, #aaa vs...)

Yukarıda "color (yazı rengi)" ve "font-size" (yazı boyutu) birer özellik iken , "blue" (mavi) ve "12px" bu özelliklere verilen değerdir.

ÖRNEK CSS  YAZIMLARI

/* ETİKET SEÇİCİ */
p { color : blue;  border : 1px solid #000; }


/* SINIF (CLASS) SEÇİCİ */
.box  { 

     margin : 10px; 
     padding : 20px; 

}

/* ID SEÇİCİ */
#wrapper { 

    font-size: 20px;
    line-height: 30px; 

}

Birden fazla CSS özelliği yazılırken , bir özellik-değer ikilisi sonunda noktalı virgül konulduğu sürece , yanyana yazılmaları yada alt alt yazılmaları tasarımda veya kodların işleyişinde bir problem yaratmayacaktır. Ancak çok fazla özellik içeren  büyük CSS dosyalarında kodların yanyana yazılmaları , dosyanın tarayıcı tarafından okunma süresini azaltacaktır. Bu yüzden BOOTSTRAP gibi  CSS framework'leri  yayınlanırken , .min uzantılı CSS dosyalarınıda paylaşırlar.

Yerel CSS kullanımlarında süslü parantez yerine , style parametresi ile beraber  tırnak işareti kullanılır...

Bu kullanımda yine özellik : değer ; yapısı geçerlidir. Sadece özel satır içi css bildirimi yapıldığı için özellikler style parametresi ile belirtilir...

CSS Özellilklerinin nerelerde yazıldığını ve seçicileri ilerleyen konularda bulabilirsiniz...

Görüşmek üzere...