CSS Kodlarında Kullandığımız . ve # Tanımlarının Farkı (Class ve ID)

CSS Kodlarında Kullandığımız . ve # Tanımlarının Farkı (Class ve ID)

Herhangi bir CSS dosyasını açtığınızda satırların başında bolca . (Class) ve # (ID) işaretlerinin kullanıldığını görebilirsiniz. Daha önce CSS kodları ile ilgilenmediyseniz bu tanımlamalar sizin için pek bir anlam ifade etmeyecektir. Bu iki tanımın farklı olmasının sebebi XHTML kurallarıdır, bu kurallar büyük bir düzen gerektirmektedir.

ID ve Class’ın etkileri tamamen aynı fakat XHTML kurallarına bakıldığında kullanım alanları farklı olmalıdır.

. (class) ile başlayan tanımlar (Örn : .csstanimi) birçok yerde kullanılabilir, herhangi bir sınırlama veya kısıtlama yoktur. Classlar genel ayarlamalar için kullanılır. Örnek olarak Footer kısmındaki bütün li elemanlarının ayarı için class kullanılabilir.

# (ID) ile başlayan tanımlar (Örn : #csstanimi) sadece bir defa kullanılan özel tanımlardır. Birden fazla yerde kesinlikle kullanılamamaktadır. Bu ID’ler bir bütünün ayrıcalığını belirtmektedir. Örnek olarak Header kısmının bütünü, Footer kısmının bütünü gibi genel ayrımlar içindir.

 

 

Yazar hakkında

Oğuzhan A.
Oğuzhan A. 1 Yazı

Atak Domain & Hosting / Front-end Developer

Yazarın tüm yazılarını gör

Bunları da beğenebilirsin

Genel

Prestashop SSL Kurulumu

Prestashop SSL Kurulumu Prestashop SSL kurulumu için takip etmeniz gereken adımlardan önce , https://www.atakteknoloji.com/ssl-sertifikasi sitemize uğramanız ve sitemizden bir SSL sertifikası satın almış ve sertifikanın etkin olduğundan emin olmanız gerekmektedir.

Genel 0 Yorum

Neden Web Sitesi?

Tam 15 yıl önce sorulması gereken bir soru aslında. Utana sıkıla attım bu başlığı. Fakat bugün ülkemizde Kobi diye tabir ettiğimiz işletmelerin 3 milyondan fazla olduğunu ve aktif firma web

Genel 0 Yorum

Nasıl Bir Web Site ?

Neden bir web sitesi sorusu aklımızı artık kurcalamıyor. Kesenin ağzını şöyle veya böyle açmaya niyetlendik ve bir web sitesi tasarlatmaya karar verdik. Peki, ama nasıl bir web sitesi tasarlatmalıyız? Atak

0 Yorum

Henüz yorum yok!

Haydi durma ilk sen bu yazıyı yorumla!

Cevap bırakın