table Css常用样式
<html>
<body>
<table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">
<tbody>
<tr>
<td width="220">
<table cellspacing="0" cellpadding="0" rules="cols" width="200" border="1">
<tbody>
<tr align="center">
<td>第</td>
<td>一</td>
<td>行</td>
</tr>
<tr align="center">
<td>第</td>
<td>二</td>
<td>行</td>
&
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？
这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章：about best practices . Google当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。
让我们了解下他们主要倡 ......
发文章中，图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的，但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决，但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法，通过CSS来解决这个问题。
CSS代码
img{
max-width:500px;&nbs ......
一、css优先于位置也有关系
.vm与.vb 样式的定义在优先级别上是相同的，但是如果在html属性里class="vm vb"定义的话优先级并不是写在属性里的顺序，而是写在样式里顺序来决定的。如下的例子
<mce:style><!--
.vm{vertical-align:middle} /* 由于位置原因优先于vb*/
.vb{vertical-align:baseline}
--> ......
