Her programlama veya işaretleme dilinde olduğu gibi CSS’de de ilk öğrenmeniz gereken şeylerden biri kod yapısıdır. Bu sayede öğrenmeniz ve kullanmanız çok daha basit olacaktır. Bizde bu yazımızda CSS kod yapısı ve kullanımı hakkında bilgiler vereceğiz.
Başlamadan önce, eğer bilginiz yoksa veya CSS hakkında daha ayrıntılı bilgi almak isterseniz buradan ‘CSS nedir ? Ne işe yarar ?‘ adlı yazımızı okuyabilirsiniz.
CSS Yapısı
CSS yapısı bakımından programlama ve işaretleme dillerine göre çok daha okunabilir yapıdadır. Genel olarak üç bölümden oluşur. Bu bölümler seçici, özellik ve değer kısımlarıdır. Hemen bu kısımların nasıl kullanılacağını görelim.
seçici{özellik:değer;}Yukarıda da gördüğünüz üzere seçici ismi yazıldıktan sonra süslü parantez ( ‘{‘ ve ‘}’ ) içerisinde özellik ve o özelliğin değeri yazılır.
CSS Örnek Kullanımı
CSS ifadelerini tek bir satırda yazabileceğiniz gibi, isterseniz birden fazla satırda da yazabilirsiniz. Hemen örnek kullanımlarını görelim.
Örnek Kullanım 1 :
a{color: blue; float:left; text-decoration:none;}Örnek Kullanım 2 :
a{
color: blue;
float:left;
text-decoration:none;
}Bu yazımızda CSS kod yapısı ve kullanımı konusunu işledik. Umarım faydalı olmuştur. Diğer CSS dersleri konusundaki yazıları okumak isterseniz buradan tümüne ulaşabilirsiniz.