Mühendisler Dünyası

Web sitesi tasarlarken belirli bir alanının görünüm özelliklerini değiştirirken az tercih edilen yöntemlerden bir tanesi de etikete verilen ID değerlerine göre görünümü özelleştirmektir. Bu yöntem web sitesi tasarlarken profesyonel tasarımcıların tercih etmediği bir yöntemdir. Bunun temel nedenlerinden bir tanesi de web siteniz büyüdükçe ID değerlerini takip etmeniz zorlaşır ve belirli bir süre sonra projenizde kod kalabalığı veya kod çirkinliği oluşmasına neden olur. Aynı zamanda verdiğiniz ID değerlerini de takip etmeniz gerekiyor. Çünkü aynı ID değerine sahip birkaç kod bloğunun olması web sitenizde sorunlara yol açabilir. Genelde ID değerleri JavaScript ile birlikte kullanılabilmek için kod bloklarına eklenir. Bunun temel nedeni de bir kod bloğunun yapacağı işlemleri tekilleştirmektir. Tüm bu olumsuzluklara rağmen bazen ID bazlı görünüm ayarlamasının kullanışlı olduğu durumlar da olabilir.

CSS Class Kullanımı Web site görünümü özelleştirirken en çok kullanılan ve profesyonel tasarımcılar tarafından tercih edilen yöntem class yapısını kullanarak kod bloğuna erişmektir. En çok kullanılan Görünüm kütüphanelerinden olan Bootsrap ya da Foundation yapılarına da dikkat ederseniz  bu yapılarda da görünümü özelleştirmek için class’ların kullanıldığını görebilirsiniz. Classları kullanmak aynı zamanda yaptığınız özel görünümleri kütüphane halinde toplayarak birçok projede tekrar tekrar kullanmanıza yardımcı olur. Ayrıca class yapılarındaki bir çok class tanımlamasının aynı anda kullanılabilirliği avantajından dolayı, mümkün olduğunca tüm görünümleri ayrı ayrı parçalara bölmekte fayda var. Örneğin kalın görünümlü bir kod bloğu için bold-text diye bir tanımlama yapılabilir. Class yapılarını iyi öğrenmek aynı zamanda CSS konusunda kullanacağınız kütüphaneleri daha etkili kullanabilmek için de çok önemlidir.