Css şimdiye kadar öğrendiğimiz html elemanlarını tasarım konusunda geliştirmemizi sağlar.İlk başta “deneme.html” dosyamızı oluşturduğumuz gibi “style.css” dosyamızı da oluşturup notepad++ programımızda açalım.
Css kod yapısı aşağıdaki gibidir. Önce özelliği kullanacağımız seçim yazılır ve kullanılan bütün ifadeler parantez içinde yazılır.
Html de olduğu gibi css kodlarımızda da açıklama satırları kullanabiliriz. Açıklama /*…*/ bu iki karakterin arasına yazılır.
- /* Bu bir açıklama satırı.*/
Bir çok html kodumuzda id veya class kullandığımızı fark etmişsinizdir.
Css
- .menu{
font-family:Arial;
Color:red;
}
Bu demektir ki class=”menu” olan bütün elementlerin yazı tipi Arial ve rengi kırmızı olacaktır.
Classlar kendimizin adlandırdığı özel stiller yaratır. Bir stili birden fazla elementte kullanabiliriz.
Css
- #menu{
font-family:Arial;
Color:red;
}
ID ise sadece tek bir elementte kullanılabilir. Aynı id değeri iki elemente verilemez ve # karakteri ile belirtilir. Yine class da olduğu gibi yazı tipi Arial ve rengi kırmızı olacaktır.
Hiç yorum yok:
Yorum Gönder