ii-master

CSS'in Yapısı



CSS'in yapısı 2 kısımdan oluşur;
* Seçiciler
* Bildirim Bloğu

Bildirim bloğu'da kendi içinde ikiye ayrılır;
* Özellik
* Değer

Seçiciler
Tüm HTML elemanları birer seçicidir. (örn: p, em, h1, strong, body, i, div, span)

Bildirim Bloğu
Bildirim bloğu süslü parantez ile başlar { ve biter }
Özellik ve değer bir bildirim demektir.. (Örn: color: red)
Özellik ve değer birbirinden iki nokta üst üste (:) ile ayrılır.
Bildirimler arasında noktalı virgül (;) kullanılır.

Gruplama
Birden fazla HTML elemanınada tek bir atama yapabiliriz.. Buna biz gruplama diyoruz..
Gruplama yapılan seçicileri ayırmak için virgün (,) kullanırız..
Aşağıdaki bir gruplama örneğini inceleyelim;


Yukarıkida örneğime göre ben p, h1 ve h2 elemanlarımın rengini kırmızı yaptım.. Gördüğünüz gibi 3 elemanıma tek bir atama yaptım ve bunada gruplama dedik  

Değerler
Genelde mesafe ve renkleri tanımlamak için kullanırız.. 4 grupta inceleyebiliriz..
* Uzunluk Değerleri: Adı üstünde uzunluk-mesafe değerleri Genişlik, yükseklik boyut gibi ayarları bu değerimiz ile yapabiliriz. (Örn: px, em, pt gibi değerler) Aşağıda uzunluk değerine bir örnek verelim;


* Yüzde Değerleri: Aynı şekilde uzunluk değerleri gibidir.. Sadece belli bir boyut vermek yerine % olarak (mevcut alana göre) bir hesaplama yapar.. Aşağıda yüzde değerine bir örnek verelim;


* Renk Değerleri: İngilizce renk adları ve RGB değerleri verebiliriz.. Yazımızın rengini değiştirmek için bu değeri kullanırız Aşağıda renk değerine bir örnek verelim;


* URL Değerleri: Kaynağımızın yerini belirlemek için bu değeri kullanırız.. Yani örneğin arkaplana bir resim atamak istediğimizde bir URL değeri kullanmamız gerekir.. (Bu konulara daha sonraki derslerde ayrıntılı olarak değinicez.. Şuan CSS'in yapısını anlattığım için yüzeysel olarak bahsediyorum) Aşağıda URL değerine bir örnek verelim;