CSS SEÇİCİLER (SINIF SEÇİCİLER)

Seçiciler adı üzerinde HTML etiketlerini seçmeye yarar. Misal verirsek <p> etiketini seç şu belirttiğim {color:blue;} özellikleri uygula demiş oluyoruz.

Seçiciler sınıf seçici (Class selector) ve tekil seçici (id selector) olmak üzere ikiye ayrılır.

SINIF SEÇİCİLER (CLASS SELECTOR)


Class selectoru ile belirli html etiketi için farklı sitiller tanımlanabilir.

  p.sag {text-align: right} 
  p.orta {text-align: center} 
 

P.Sag stili uygulanırsa paragraf sağa

p.orta stili uygulanırsa parağraf ortaya hizalanır

CLASS SELECTOR KULLANIMI:

 

Bu paragraf sağa hizalanır.

Bu paragraf ortaya hizalanır.

CLASS SELECTOR’ÜN TÜM HTML KOMUTLARINDA KULLANIMI


Bu durumda özellikle bir html etiketi belirtilmez. Noktadan sonra class selector adı verilir , Özellik ve değer belirtilir.

  .stil{font-size:12px;
        background-color:#ffff66;
        color:blue;		
       } 
 

Bu tanımlamayı yaptıktan sonra istediğimiz tüm html etiketlerine uygulanabilir.

 

Deneme yazısı

Deneme yazısı

Yukarıda görüldüğü gibi stil clasını hangi HTML etiketine yerleştirirsek o etiket belirtdiğimiz css özelliklerini alacak.

BİRDEN FAZLA CLASS SELECTOR KULLANIMI


Çoklu sınıflar, birden fazla sınıfı bir HTML elemanına uygulamak için kullanılır

.onemli{font-weight:bold}
.uyari{font-style:italic}
.onemli.uyari{background-color:silver}

DİKKAT

Çoklu sınıf kullanılmış

Dikkat ettiyseniz iki classı bir html etiketine uygularken araya boşluk koyarak yazdık.

Adınız

Eposta

Mesaj

3469

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE