Sıfırlama
v5 de tarayıcı varsayılan stil ayarlarını (user agent stylesheet) sıfırlamamızdaki bazı temel sebepler şunlardır:
- Ölçeklenebilir bileşen aralığı/ölçüsü için rem kullanmayı tercih ediyoruz.
- Varsayılan kenar boşluklarını temizleme
- Kutu boyutu, border-box'a (*)
::before
ve::after
dahil olmak üzere her öğede global olarak ayarlama. - ...
#
Sayfa varsayılanlarıhtml ve body öğeleri, sayfa genelinde daha iyi varsayılanlar sağlamak için güncellenir. Daha spesifik olarak:
#
Başlıklar ve paragraflarBaşlık ögeleri üst ve kenar boşlukları kaldırıldı.
Başlık | Örnek |
---|---|
<h1></h1> | h1. v5 başlığı |
<h2></h2> | h2. v5 başlığı |
<h3></h3> | h3. v5 başlığı |
<h4></h4> | h4. v5 başlığı |
<h5></h5> | h5. v5 başlığı |
<h6></h6> | h6. v5 başlığı |
#
ListeTüm listeler <ul>, <ol> ve <dl> üst kenar boşluklarını ve alt kenar sıfırladık.
İç içe listelerin kenar boşluğu önceki kapsayıcısı kadardır.
Ayrıca <ul> ve <ol> öğelerindeki sol boşluğunu da sıfırladık. 15px
- Tüm listelerin üst kenar boşlukları kaldırıldı
- Ve alt dış boşluk değerleri normalleştirildi
- İç içe listelerin kenar boşluğu kaldırıldı.
- Bu sayede daha düzgün bir görünüme sahip.
- İç içe liste örnek
- Sol boşluk 15px olarak ayarlandı.
#
Sıralı bir liste tanımlama- TEKROM
- T-SOFT
- v5
- v4
- ...