bc1998录制的css视频教程推荐新手看下

2020-10-23 18:42:54

字体：大中小

来源：转载

供稿：网友

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">  </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需再刷新一下页面才能执行]

上一篇：让人不得不佩服的CSS效果

下一篇：CSS样式表常用小技巧收藏