25 Oca
CSS kutu modeli tasarım (tablosuz) yapılırken genelde sınıfları hep daha önce belirtilen div tagına göre ayarlanır. Ama amacımız en basit stil kodunu oluşturmak olduğundan çoğu sınıfları yada HTML seçicilerini genel (evrensel, global) tanımalamamız gerekecektir.
Aslında bu karakter için evrensel yerine joker eleman demek daha mantıklı olcaktır. Bu karakterimiz * (yıldız)’dır. Genel kullanım kalıbı şöyledir.
* {
padding: 0;
margin: 0;
}
Eğer stil dosyanıza yukarıdaki kodu yazmanız halinde tüm (sınıf, id ve html) seçicilerinin padding ve margin değerleri sıfır olur.
Dilerseniz bunu sınıflarla, id seçicileri ile yada html seçicileri ile de kullanabilirsiniz.
*p {
margin: 0;
}
yada
* .gizle {
display: none;
}
yada
* #goster {
display: block;
}
Örnek ve kullanım alanlarını kendinize göre genişletebilirsiniz.
Leave a reply