Bu daha iyi

daha iyiTahmin edin bu küçük tabloda ne kadar işaretleme var? 2.1k. Bu şeyde 4 satır ve 2 kolon var. Ve hiç ayırıcı GIF yok.
sadece doğruVe tüm bu noktalı kenarlar CSS ile yapıldı ve tamamen geçerli.
  • Artık bu bir liste elemanı
  • Sadece olması gerektiği gibi
Bunların hepsi 8 tablo hücresi ve 4 css kuralı ile yapıldı.Cidden. 8 hücre ve 4 css kuralı, tüm gereken bu kadar.
  • Yaşasın madde imli listeler
  • Neden madde imli listeleri sadece madde imli liste diye işaretleyip, kalanını da CSS'nin yapmasına izin vermiyoruz ki?
<table> için bir tane, <td> için bir tane, <ul> için bir tane ve <li> için bir tane kurala ihtiyacınız var.Bu kadar. Bunları yaptığınız takdirde paha biçilmezsiniz.
  • Şimdi madde imli listelere aşık oldum
  • Mükemmel! daha fazla sahte madde imi kalmadı

Ve zırva işaretlemeden kurtulmak için kullandığımız CSS Kodu burada:

table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }

td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }

li { margin-bottom: 10px }