Merhaba.

CSS3 Eğitimlerimize 3. gününde devam ediyoruz.

Dün kodladığımız kısma bir bakalım sonrada günün konularına devam edelim.

Sınıf Seçiciler

Bir önceki yazımızda bir kısmını anlatmıştık şimdi konumuza devam edeceğiz. 

Bir etikete ait farklı tasarımlar istiyorsak etiket ismiyle beraber sınıf seçicisini kullanarak bunu yapabileceğimizi söylemiştik.

Peki sadece bir etikete ait olmayacak ama aynı özelliklere sahip alanlar yaratmak isteseydik ne yapacaktık. Bunun için yapmamız gereken sadece sınıf seçiciyi kullanmak olacak. Başına herhangi bir etiket belirteci koymadan. Sadece sınıf ismini .sınıfismi şeklinde yazarak bunu halledebiliriz.

Gelin yapalım.

Çoklu Sınıflar

Bazen birden fazla sınıfı tek bir HTML elementine uygulamak isteyebiliriz. Bunun içinde şöyle bir şey yaparız.

İki farklı sınıf ismini nokta ile birleştirip onlara ait özellikleri tek bir element üzerinde uygulayabiliriz.

Yapalım.

Dikkat etmeniz gereken şey sınıf ismini yazarken onemli uyarı diye yazarken bu sınıf belirtecini css kısmında .onemli.uyarı şeklinde yazdığımızdır.

ID Seçicileri

ID seçicileri sınıf seçicilerden biraz farklıdır. Çünkü her elemente ait ıd tekildir. Sadece o elemente özel bir isimlendirme yapılır. Id verilmesinin nedeni zaten o etiketi özelliştirmektir. ID seçici ile yazılmış bir css sadece tek elemente etki edecektir.

CSS kısmında

#isim{ 

Değerler;

}

şeklinde tanımlanırlar.

Bir örnek yapalım.

#MaviRenk belirteciden mavi rengi aldı. Ancak Border ve arka plan rengini nereden aldı diye düşünebiliriz. Daha önce tanımladığımız h1 etiketinin özelliklerinden aldığını görebiliriz.

Küçük bir dipnotla yazımı bitireyim. CSS tanımlayıcıları büyük küçük harf duyarlıdır buna dikkat etmek gerekir.

Bir sonraki yazımda görüşmek üzere .


muratbilginer