Web tasarımında görsel estetik ve düzenin sağlanması açısından CSS (Cascading Style Sheets) önemli bir rol oynamaktadır. HTML ile birlikte kullanıldığında, web sayfalarının daha çekici ve kullanıcı dostu hale gelmesine yardımcı olur. Bu yazıda, HTML CSS ekleme yöntemlerini inceleyeceğiz.
İçerik Stili Ekleme
CSS’in en temel entegrasyon yöntemi, HTML belgelerinin içerisine stil kurallarının doğrudan eklenmesidir. Bu yöntem, <style> etiketi kullanılarak gerçekleştirilir. Aşağıda basit bir örnek bulunmaktadır:
<style>
h1 { color: blue; }
h2 { font-size: 20px; }
</style>
Dış CSS Dosyası Kullanımı
HTML CSS ekleme için en yaygın ve etkili yöntemlerinden biri, ayrı bir CSS dosyası oluşturmaktır. Bu yöntem, sayfanızın düzenini daha iyi yönetmenize yardımcı olur. Dış CSS dosyası eklemek için <link> etiketi kullanılır. Örnek:
<link rel="stylesheet" href="styles.css">
Inline CSS Kullanımı
Bazı durumlarda, belirli bir elementin stilini değiştirmek için inline CSS kullanılabilir. Bu yöntemde, stil direkt olarak HTML elementi içerisinde tanımlanır. Örneğin:
<p style="color: red;">Bu metin kırmızıdır.</p>
Sonuç olarak, HTML ve CSS birlikte kullanıldığında, web sayfaları için daha etkili tasarımlar oluşturulmasını sağlamaktadır. Belirtilen yöntemler, ihtiyaçlara göre esnek bir şekilde tercih edilebilir.
