13 Aralık 2023, 22:32 | #1 | |
CSS'de Seçiciler (Selectors)
CSS'de Seçiciler çok önemli bir konudur ve dikkatle takip etmenizi öneririz. CSS seçiciler, stil vermek istediğiniz HTML etiketlerini "bulmak" veya başka bir değiş ile "seçmek" için kullanılır. CSS'de Seçici türlerini 5 gruba ayırabiliriz :
CSS Etikete Göre Seçme CSS'de HTML etiketine göre seçici tanımlamak için, etiketin ismini kullanmamız yeterlidir. HTML-Kodup { text-align: center; color: blue; } CSS ID'ye Göre Seçme CSS'de HTML etiketlerinin parametresi olan "id" ye göre seçici tanımlanaiblir.CSS ID seçici, belirli bir etiketi seçmek için bir HTML etiketinin id parametresini kullanır. HTML derslerinden hatırlayacağınız gibi, bir etiketin kimliği bir sayfa içinde benzersizdir, bu nedenle ID seçici, benzersiz bir öğe seçmek için kullanılır! Belirli bir ID parametresine sahip etiketi seçmek için,kare (#) işareti kullanılır ve ardından etiketin ID değeri yazılır. HTML-Kodu#ircforumu { text-align: center; color: blue; } CSS Class'a Göre Seçme CSS'de HTML etiketlerinin parametresi olan "class"a göre seçici tanımlanaiblir.CSS Class seçici, belirli bir etiketi seçmek için bir HTML etiketinin class parametresini kullanır. Belirli bir sınıfa sahip etikterleri seçmek için, bir nokta (.) işareti ve ardından sınıf adını yazılır. HTML-Kodu.ortala { text-align: center; } HTML-Kodup.ortala { text-align: center; } Örnekte görüldüğü üzere "ortala" sınıfı, sadece p etiketi olup class değeri "ortalama" olanlarda çalışacaktır. CSS Evrensel Seçici CSS'de Evrensel seçici (*) sayfadaki tüm HTML etiketlerini seçer. Seçici ifadesi olarak yıldız (*) kullanılır. Evrensel denmesinin sebebide tüm etiketleri seçmesindendir. HTML-Kodu* { text-align: center; color: red; } CSS Grup Seçici CSS Grup Seçici, aynı stil tanımlarına sahip tüm HTML etiketlerini seçer. Birden fazla etikete aynı stili vermek için kullanılır ve etiketler arası virgül ile ayrılır. HTML-Koduh1, h2, p { text-align: center; color: blue; } Alıntı:
|
||
|
13 Aralık 2023, 22:34 | #2 |
paylasım için teşekkürler . emeğine sağlık
________________
Çekme, Cennetimin Pencerelerine perde.
Kaldır! Göz kapaklarını |
|
|
13 Aralık 2023, 22:36 | #3 |
Emeğinize Sağlık.
|
|
|
13 Aralık 2023, 22:49 | #4 |
Emeginize saglik paylasim icin tesekkur ederiz
|
|
|
13 Aralık 2023, 22:50 | #5 |
Paylasım için teşekkürler
________________
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
|
|
|
Şu anda bu konuyu görüntüleyen etkin kullanıcılar: 1 (0 üye ve 1 ziyaretçi) | |
|
|