读书笔记--精通CSS高级Web标准解决方案（七）--表格样式

一、关于表格的几点细节

1、table的summary属性应用于表格标签，描述表格的内容。

2、CSS规范中有两个表格边盒模型：单独的和叠加的，在单独模型中，在各个单元格周围有边框，在叠加模式中，单元格共享边框。默认单独模型。控制属性：border-collapase，seperate或collapase。

3、CSS的border-spacing属性可以控制单元格之间的举例，但IE7和更低版本不理解，需要使用更老的cellspacing属性。

其中黑色部分就是单元格(cell)，白色的区域是单元格边距(表格填充)，灰色的区域是单元格间距(表格间距)。在border-collapase为collpase时，cellspacing不起作用。

4、设置单元格的斜面效果时，将左、上边框设为浅，右下深；设置单元格按下的效果，左上深右下浅。

5、比较少用的一个标签<em>

标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。

6、比较少用的一个标签button，可以让一个图片称为一个按钮组件，但在IE6和IE7下有缺陷：

<button class="one" type="submit"><img src="img/button.png" alt="Book Now" /></button>

 

 

 

转载于:https://www.cnblogs.com/llyyc/archive/2013/05/04/3060261.html