Bir CSS Kuralının Anatomisi
CSS kural tabanlı bir dildir. HTML ögelerine veya öge gruplarına uygulanması gereken stilleri tanımlamak için CSS kuralları (rules) tanımlanır. Kurallar, HTML ögelerine nasıl biçim verileceğini belirleyen özellikleri ve değerlerini içerir. CSS kurallarını, HTML ögeleriyle ilişkilendirmek için seçicilerden yararlanılır. Örneğin bu CSS kuralı, web sayfasındaki tüm paragrafların yazı tipini ve rengini biçimlendirmek için tanımlanmıştır.
Bir CSS kuralı, bir seçici ve bir bildirim bloğundan oluşur. Seçici, biçim vermek istediğimiz HTML ögesini veya oge grubunu seçebilmemizi sağlar. Bu örnekte, HTML sayfasında yer alan tüm paragrafları hedeflemek için p seçicisini kullandık.
Bildirim bloğunu oluşturmak için { ... } kullanılır. Tüm CSS bildirimleri süslü parantezler arasına yazılır. CSS bildirimleri, özellik: deger; söz dizimi kullanılarak tanımlanır. CSS özellikleri; ölçü birimi (px, %, em vb.), renk kodu (hex, rgb, rgba) ve metin gibi farklı formatlarda değerler alabilir. Hangi CSS özelliğinin hangi değerlerini alması gerektiğini ilerleyen bölümlerde inceleyeceğiz.