Man telephoning his co-worker in a panic

Tohle je mnohem lepší

mnohem lepšíHádej teď, kolik je kódu v této malé tabulce? 2.1k. Jsou tu 4 řádky a 2 sloupce. A žádný spacer GIF.
přesně takA všechny ty tečkované okraje jsou udělány v CSS a jsou zcela validní.
  • Tohle je nyní seznam
  • Přesně tak, jak by měl vypadat
Tohle vše je vytvořeno pomocí 8 buněk a 4 CSS pravidel.Opravdu. 8 buněk a 4 CSS pravidla, toť vše.
  • Sláva seznamu s odrážkami
  • Proč prostě nezapsat seznam s odrážkami jako seznam s odrážkami a nenechat zbytek na CSS?
Potřebuješ pravidlo pro <table>, jedno pro <td>, jedno pro <ul> a jedno pro <li>.To je vše. Jakmile to máš, jsi nejlepší.
  • Seznam s odrážkami prostě miluju
  • Výborně! Už nikdy více falešné seznamy

A tady je CSS kód nahrazující zbytečně složitý zápis:

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 }

>
Scott Design