Paljon parempi
Paljon parempi | Arvaapa, kuinka paljon tämän taulukon merkkauskieli painaa? 2.1k. Taulukossa on 4 riviä ja 2 saraketta. Eikä ainuttakaan läpinäkyvää GIF:iä. |
Aivan oikein | Ja kaikki pisteytetyt reunat on tehty tyylitiedostolla, sääntöjen mukaan.
|
Tämä kaikki on tehty 8:lla solulla ja 4:llä tyylisäännöllä | Oikeasti. 8 solua ja 4 sääntöä, siinä kaikki.
|
Tarvitset <table>-säännön, säännön <td>:lle, yhden <ul>:lle ja yhden <li>:lle. | Siinä kaikki. Kun olet luonut ne, olet selvillä vesillä.
|
Tässä CSS-koodi, jolla pääset eroon turhasta merkkauksesta:
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 }