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...
