Cascading Style Sheets (CSS), bir web sayfası içerisindeki kodların web tarayıcısına nasıl ekrana yansıtılması gerektiğini söyleyen en önemli ögedir. CSS sayesinde bir web sitesi tasarlanırken sürekli aynı HTML değerine sahip olan Tag'leri kullanmak yerine stil dosyası olarak CSS'i kullanabilir ve HTML ile veremeyeceğimiz tam istediğimiz ölçüleri bir elemana kazandırabiliriz.
CSS'i bir HTML dosyası içerisinde üç farklı yolla kullanabiliriz;
External Style Sheet: Bu kullanım şeklinde stil kuralları ayrı bir .css dosyasının içerisine yerleştirilir. Daha sonra da HTML dosyasının içerisinde <link> tag'i kullanılarak bu dosya include edilir. External Style Sheet kullanımı çok fazla sayfalı tasarımlar için tercih edilebilecek en ideal seçim olacaktır.
Internal Style Sheet: Bu kullanım şeklindeyse kullanmak istediğimiz stil kurallarını header sekmesi içerisine <style> tag'i yardımıyla yerleştiririz. Böylece stil kurallarımız ayrı bir dosyadan çekilmesi yerine doğrudan ana dosyanın içerisinden çekilecektir. Eğer tek sayfalı tasarımlar meydana getirecekseniz her sayfa için ayrı bir CSS dosyası oluşturmak yerine Internal Style Sheet şeklini kullanabilirsiniz. Böylece hem düzenleme işlerinin yükü hafifleyecek hem de her dosya için CSS çekimi yapılmamış olacaktır.
Inline Style Sheet: İki yolun dışında dilersek istediğimiz stil kurallarını style etiketi kullanarak belirleyebiliriz. Inline yani satır içerisinde belirleyeceğimiz kurallar yalnızca belli bir HTML elementini etkileyecektir. Bu nedenle küçük değişiklikler için tercih edilebilecek bir yöntemdir.
Kaynak: https://wmaraci.com/nedir/stylesheet
Hiç yorum yok:
Yorum Gönder