CSS Tips

1. Cal

在运算符号和数字间加空格！！！

.calc {
/* Firefox */
.width: -moz-calc(75% - 100px);
/* WebKit */
width: -webkit-calc(75% - 100px);
/* Opera */
width: -o-calc(75% - 100px);
/* Standard */
width: calc(75% - 100px);
}

2. 如果想做出”A--------------B“这种效果（类似书目），改怎么设计？

<div>
<span>A</span>
<span></span>
<span>B</span>
</div>

CSS为(用到CSS3的display: box;)：

div {display: box;}
div span{display:block;}
div span:nth-child(2) {
box-flex:1;
border-top: 1px dotted #ddd;
margin-top: 12px; /* line-height的1/2 */
} 

 3. img标签在dom加载时候是不会加载的，而是在dom结构全部出来后并形成了渲染树（布局结束），才开始加载!!!!