Anfängern wird empfohlen, sich das von bc1998 aufgezeichnete CSS-Video-Tutorial anzusehen_Basic Tutorial

CSS-Tutorial-Lightbox

CSS-Tutorial-HTML, Definition des Body-Tags Teil eins Video Teil 2 Video
Inhalt:
1. Für 100 % adaptive Höhe müssen sowohl HTML- als auch Body-Tags festgelegt werden.
2. Der Umfang des HTML-Tags entspricht dem Umfang des Body-Tags plus der Bildlaufleiste.
Veröffentlichungszeit: 2007.3.2

Definition des HR-Tags im CSS-Tutorial Videoadresse


CSS-Tutorial Die Definition des Tabellen-Tags Video zu Vorlesung 1 Video zu Vorlesung 2 Video zu Vorlesung 3 Video zu Vorlesung 4
Inhalt: Die Anwendung von Tabellen in neuen Webstandards und Tags wie table, tr, td, th usw., Einführung zweier Software und des durch CSS definierten Formats, tablecssization
Veröffentlichungszeit: 2007.3.1
Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } table#dd { background-color: #6CADD9; } table#dd thead th { background-color: #6CADD9; color: #FFFFFF; } #dd td { padding: 6px; width: 50px; } table#dd tbody.tb1 td { background-color: #FFFFFF; } table#dd tbody.tb2 td { background-color: #F7F7F7; } table#dd tbody td:hover { background-color: #BFEDF9; } table#dd colgroup col.name { background-color: #E6E6E6; width: 100px; font-weight: normal; }--> </style> <table border="0" align="center" cellspacing="1" id="dd"> <caption> 这是一个表格 </caption> <colgroup> <col class="name"> <col> <col> </colgroup> <thead> <tr> <th></th> <th>颜色</th> <th>型号</th> <th>价格</th> </tr> </thead> <tbody class="tb1"> <tr> <th>第一件衣服</th> <td>红色</td> <td>大</td> <td>100</td> </tr> <tr> <th>第二件衣服</th> <td>绿色</td> <td>小</td> <td>120</td> </tr> </tbody> <tbody class="tb2"> <tr> <th>第一件裤子</th> <td>红色</td> <td>大</td> <td>230</td> </tr> <tr> <th>第二件裤子</th> <td>绿色</td> <td>小</td> <td>240</td> </tr> </tbody> <tbody class="tb1"> <tr> <th>第三件衣服</th> <td>红色</td> <td>大</td> <td>90</td> </tr> <tr> <th>第四件衣服</th> <td>绿色</td> <td>小</td> <td>100</td> </tr> </tbody> </table>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]