Seçiciler ve Bildirimler

Cs yapısı Seçiciler ve Bildirim Bloğundan oluşur. Seçiciler (Selector) Bildirim Bloğu (Declaration Block) Özellik (Property Değer (Value) h1 { text-decoration:none; color:green;}  Yukardaki css kodlarında h1 ———————————————->Seçici {text-decoration:none;color:green;} —>Parantez içindekiler Bildirim Bloğu text-decoration:none;———————->Bildirim color——————————————–>Özellik green——————————————->Değer Burada yapıya bir göz atalım. Seçicimizden sonra Bildirim Bloğu "{" (parantez) ile başlamıştır ve bildirimler sıralanmıştır. Bildirimlerde özelliklerden sonra ":"(iki nokta), özelliklerden sonra ";" (noktalı virgül) kullanılmıştır. Verdiğimiz örnekte de gördüğümüz html'de ki h1 etiketi seçici olarak kullanılmıştır. Demek ki biz Html etiketlerini (body,p,a,h1,h2…) seçici olarak kullanılabililiyoruz.. Peki o zaman aşağıdaki örneğe bir göz atalım. html,…

Read More

Css’ye Başlayalım…

CSS Nasıl Çalışır? Bu makalemizde ilk style sheet dosyamızı oluşturacazğız. Temel CSS kullanımı için kod yapısını ve gerekli html yapısnı görecezğiz. HTML bilgimiz var ise CSS'te sıkıntı yaşamayacağımızı söyleyelim önce.  Basit CSS Sözdizimi. Söz dizimini görmek açısından aşağıdaki örnekleri inceleyelim…Kullanıcının sayfa arkaplan olarak kırmızı renk istediğini düşünelim. HTML ile bunu aşağıdaki şekilde yapabiliriz..; <body bgcolor="#FF0000"> CSS ile aynı şeyi aşağıdaki şekilde yaparız. body {background-color: #FF0000;} Bu örneğe bakarak html'in daha kısa bir kod yapısına sahip olduğunu düşünebiliriz. Ama bunun daha başlangıç olduğunu belirtelim öncelikle. Sadece söz dizimini görmemiz açısından verdiğimiz…

Read More