bc1998錄製的css影片教學推薦新手看下_基礎教學

css教程之lightbox
css教程之html、body標籤的定義 第部分影片 第二部影片
內容：
一、100%的自適應高度要同時設定html和body標籤。
二、html標籤的作用範圍等於body標籤作用範圍加上捲軸。
發佈時間：2007.3.2

css教學之hr標籤的定義 視訊位址


css教學之table標籤的定義  第一講影片 第二講影片 第三講影片 第四講影片
內容： web新標準中表格的應用和table,tr,td,th等標籤，介紹兩款軟體和css定義的格式，tablecss化
發佈時間：2007.3.1
代碼：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文件</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>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]