CSS Örnekleri – Sınıf Seçicileri  – Ahmet Cansever
CSS WEB TASARIMI

CSS Örnekleri – Sınıf Seçicileri 

Tarafından yazılmıştır AhmetC

Bu örneğimizde CSS ile sınıf seçici kullanımını göreceğiz. Örneğimizde başlık etiketlerini Ana başlık ve Altbaşlık olarak sınıflandıracağız ve özelliklerini değiştireceğiz. Örneğimizi incelediğimizde hem alt başlıklar için hemde ana başlıklar için <h1> etiketinin kullanıldığını fakat alt başlıklar ve ana başlıklar için class ismi verilerek CSS ile biçimlendirme işleminin gerçekleştiğini göreceksiniz.

Ekran Çıktısı:

Örnek 2:

İkinci örneğimizde <div> etiketlerinden faydalanalım. 9 tane kutu ekleyerek bu kutulardan 1,3,5,7 ve 9. kutulara bir sınıf ismi, geri kalan kutulara da farklı bir sınıf ismi verelim. Örneğimizde k1 ve k2 isimlerini vereceğiz. Daha sonra bu kutulara renklendirme, kenar stili verme, boşluk (margin) ayarlama vb. özellikler uygulayalım.

Ekran Çıktısı:

 

Yorum Yap