Soru: HTML ve CSS kullanarak bir web sitesi tasarlıyorsunuz. Sitede tüm başlıklar için aynı renk (#FF5733) kullanmak istiyorsunuz. Bu rengi sabit olarak nasıl tanımlarsınız ve CSS'te nasıl kullanırsınız?
Çözüm: CSS'te sabit değerler doğrudan tanımlanmaz, ancak değişkenler (CSS custom properties) kullanılarak sabit benzeri yapılar oluşturulabilir. Örneğin, :root seçicisi ile bir renk değişkeni tanımlanır ve bu tüm sayfada kullanılır. Adımlar:
1. CSS'te sabit benzeri değişken tanımla: :root { --ana-renk: #FF5733; }.
2. Bu değişkeni başlıklar için kullan: h1, h2, h3 { color: var(--ana-renk); }.
Bu yöntemle, eğer renk değiştirilmek istenirse, sadece --ana-renk değerini güncellemek yeterli olur ve tüm başlıklar otomatik olarak yeni rengi alır. Bu, kodun tutarlılığını sağlar ve bakımını kolaylaştırır, tıpkı programlama dillerindeki sabitler gibi çalışır.
