CSS: Temel Kullanım Nedir
CSS: Temel Kullanım Nedir?
Web sayfalarının sadece metin ve bağlantılardan ibaret olduğu günleri hatırlıyor musunuz? Neyse ki, bu günler geride kaldı. CSS, yani Basamaklı Stil Sayfaları (Cascading Style Sheets), web sayfalarımıza hayat veren, onlara renk, düzen ve görsel çekicilik katan bir teknolojidir. Bu makalede, CSS’in temel kullanımına odaklanarak, web geliştirme yolculuğunuzda size rehberlik etmeyi amaçlıyoruz. CSS’in ne olduğunu, nasıl çalıştığını ve temel kullanım örneklerini inceleyerek, web sayfalarınızı daha etkileyici hale getirmenize yardımcı olacağız.
CSS Nedir ve Neden Kullanılır?
CSS, HTML öğelerinin ekranda nasıl görüntüleneceğini tanımlayan bir stil dilidir. HTML yapıyı sağlarken, CSS bu yapıyı şekillendirir. Renkler, yazı tipleri, kenar boşlukları, konumlandırma ve daha pek çok görsel özelliği CSS ile kontrol edebiliriz. CSS’in temel amacı, içeriği sunumdan ayırmaktır. Bu sayede, HTML kodunuza dokunmadan web sayfanızın görünümünü kolayca değiştirebilirsiniz.
</head>
Harici (External) CSS
Harici CSS, stil tanımlarını ayrı bir .css dosyasında tutar ve HTML belgesine <link> etiketi ile bağlanır. Bu yöntem, en çok önerilen yöntemdir çünkü kodu daha düzenli ve bakımı daha kolay hale getirir. Ayrıca, aynı stil dosyasını birden fazla HTML belgesinde kullanarak tutarlılığı sağlayabilirsiniz.
Temel CSS Sözdizimi
CSS kuralları, seçici (selector) ve bildirim bloğu (declaration block) olmak üzere iki ana bölümden oluşur.
- Seçici (Selector): Stil uygulanacak HTML öğesini belirtir. Örneğin, <p> etiketi için “p” seçicisi kullanılır.
- Bildirim Bloğu (Declaration Block): Seçilen öğeye uygulanacak stil özelliklerini ve değerlerini içerir. Bildirim bloğu, süslü parantezler ({}) içinde yer alır ve her bildirim, özellik (property) ve değer (value) çiftinden oluşur. Özellik ve değer, iki nokta (:) ile ayrılır ve her bildirim noktadan sonra (;) ile sonlandırılır.
Örnek:
“Web tasarımında CSS, bir ressamın paleti gibidir. HTML tuvalinizi oluştururken, CSS ile renkleri, şekilleri ve düzeni kontrol edersiniz.”
Sonuç
CSS, web geliştirmenin vazgeçilmez bir parçasıdır. Temel kullanımını anlamak, web sayfalarınızı daha çekici ve kullanıcı dostu hale getirmenize yardımcı olur. Satır içi, dahili ve harici CSS yöntemlerini öğrenerek, projenizin ihtiyaçlarına en uygun olanı seçebilirsiniz. CSS sözdizimini ve temel özelliklerini kullanarak, web sayfalarınızın görünümünü istediğiniz gibi şekillendirebilirsiniz. CSS öğrenmeye devam ederek, web geliştirme becerilerinizi geliştirebilir ve daha karmaşık ve etkileyici web siteleri oluşturabilirsiniz. Unutmayın, pratik yaparak ve denemeler yaparak CSS’te ustalaşabilirsiniz.