HTML Dosyalarına CSS Eklemek
CSS kurallarının yapısını inceledik. Şimdi CSS kurallarımızı HTML dosyalarımıza nasıl ekleyeceğimizi öğrenelim.
Yöntem 1: Harici .css dosyası oluşturmak
Bir web sitesi oluştururken kullanabileceğiniz en yaygın ve en yönetilebilir yöntemdir. Sizinde bildiğiniz gibi çoğu durumda, bir web sitesinin tüm sayfaları benzer bir görünüme ve yerleşim düzenine sahiptir. Bu, kullanıcı deneyiminin devamlılığını sağlamak amacıyla web tasarımcılar tarafından özellikle oluşturulan bir kurgudur. Tüm CSS kurallarınızı tek bir dosyada toplamak, aynı tasarım dilini web sitenizdeki tüm sayfaları kolaylıkla dağıtmanıza olanak sağlar. Geliştiricilere hata ayıklama, güncelleme ve bakım süreçlerinde kolaylık sağlar.
Bu yöntemde; CSS kurallarının tamamı .css uzantılı harici stil dosyalarında depolanır ve HTML dosyalarıyla etiketi kullanılarak ilişkilendirilir. CSS'lerinizi bir yada birden fazla dosyada saklayabilirsiniz.
Harici .css dosyası kullanımını test edebilmeniz için küçük bir Codepen Projesi hazırladım. Bu yöntemin kullanımına dair size rehberlik edecektir.
Harici Css Kullanım Örneğini Aç
Yöntem 2: Dahili stil oluşturmak
Bu yöntemde; CSS kurallarımızı HTML kodlarımızın bölümüne