bc1998錄製的css視頻教程推薦新手看下_基礎教程

來源:互聯網
上載者:User
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
代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <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> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.