Css Classes - Css Dersleri

[VexraDev]

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

Css kodları yazarken, selector dediğimiz kısım için girilen ilgili etiket kavramının mantığı nedir?

Daha önce zaten selector kısmına html'de işlem yapmak istediğimiz etiket girilebildiğinden bahsetmiştim, bu ilk ve en kolay yöntemdir. Örneğin; p, li, ul, span... vs gibi etiketler.

Şimdi bunun dışında olan classes kavramından kısaca bahsetmek isterim.

Tekrar hatırlatmak için bir css kodu yazacağım;

.p {
color: blue;
}

Bu kod <p> etiketini hedef alan bir kod.

Şimdi aynı şekilde Classes kavramını bir örnek ile göstereceğim.

Diyelim ki 3 adet alt alta <p> etiketimiz var ve bizim yukarıda girdiğimiz kod bütün <p> etiketlerine uygulandı, ama biz bir aralarındaki bir <p> etiketinin farklı bir değer olmasını istiyoruz veya yukarıda girilen p etiketine verilen değerleri, o p etiketinde daha farklı olsun istiyoruz.

Örneği çiziyorum hemen,

<p> Paragraf 1 </p>
<p class="p2"> Paragraf 2 </p>
<p> Paragraf 3 </p>

Hangi paragrafta işlem yapacaksak o paragrafın etiket başlangıç kısmının sonuna classes değerini giriyoruz.

Sonra o classes değerine css kodlarını uyguluyoruz.

.p2 {
color: blue;
}

Bu kadar basit bir kavram. Aralarındaki tek var, css bölümünde classes için başına nokta koymanız gerektiği.
Ve bu classes kavramını veya değerini birçok etiket içerisinde kullanabilirsiniz. IDs ile aralarındaki fark da bu zaten.

Saatin geç olmasından ötürü IDs kavramından bahsedeceğimden emin değilim ama zaman yeterse forumda onun için de bir konu açacağım.

 

[Corvis]

Css kodları yazarken, selector dediğimiz kısım için girilen ilgili etiket kavramının mantığı nedir?

Daha önce zaten selector kısmına html'de işlem yapmak istediğimiz etiket girilebildiğinden bahsetmiştim, bu ilk ve en kolay yöntemdir. Örneğin; p, li, ul, span... vs gibi etiketler.

Şimdi bunun dışında olan classes kavramından kısaca bahsetmek isterim.

Tekrar hatırlatmak için bir css kodu yazacağım;

p {
color: red;
}

Bu kod <p> etiketini hedef alan bir kod.

Şimdi aynı şekilde Classes kavramını bir örnek ile göstereceğim.

Diyelim ki 3 adet alt alta <p> etiketimiz var ve bizim yukarıda girdiğimiz kod bütün <p> etiketlerine uygulandı, ama biz bir aralarındaki bir <p> etiketinin farklı bir değer olmasını istiyoruz veya yukarıda girilen p etiketine verilen değerleri, o p etiketinde daha farklı olsun istiyoruz.

Örneği çiziyorum hemen,

<p> Paragraf 1 </p>
<p classes="p2"> Paragraf 2 </p>
<p> Paragraf 3 </p>

Hangi paragrafta işlem yapacaksak o paragrafın etiket başlangıç kısmının sonuna classes değerini giriyoruz.

Sonra o classes değerine css kodlarını uyguluyoruz.


.p2 {
color: blue;
}

Bu kadar basit bir kavram. Aralarındaki tek var, css bölümünde classes için başına nokta koymanız gerektiği.
Ve bu classes kavramını veya değerini birçok etiket içerisinde kullanabilirsiniz. IDS ile aralarındaki fark da bu zaten.

Saatin geç olmasından ötürü IDS kavramından bahsedeceğimden emin değilim ama zaman yeterse forumda onun için de bir konu açacağım.

Teşekkürler