CSS常用属性，需要死记硬背

超出省略号代替

display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

需要多个属性配合

强制不换行 white-space:nowrap;

自动换行 word-wrap: break-word; word-break: normal; 

强制英文单词断行 word-break:break-all;

文字两端对齐 text-align:justify

 

对于不支持max min css属性的低版本浏览器的处理方法：
body {

    font-family: microsoft Yahei;
    min-width: 1200px;
    background: #f5f5f5;
    _width: expression(document.documentElement.clientWidth>1200?document.documentElement.clientWidth:1200);
}

CSS3 Transition详细研究并理解记住，挺有用的

 

RGBA和opacity的区别 
opacity会使整个元素包括子元素透明，而RGBA仅仅是元素本事透明,子元素不透明

background:rgba(0,0,0,.5); 

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); 

我们需要留意的是StartColorStr和EndColorStr的值，前两位是十六进制的透明度，后面六位是十六进制的颜色。 
换算方法：x=alpha*255 将计算的结果x转换成十六进制即可

 

 关于 display：inline-block的使用注意的一个场景：

<div><a></a>……<a></a></div>

div设置宽度，a标签设置字体大小宽度和margin值，在前端demo中无任何问题，但是在thinkPHP框架项目下，a实际宽度多了一像素，导致布局错乱。

对比样式，发现完全一致。使用float:left后解决。

所以以后还是要慎用inline-block，毕竟低版本浏览器支持不全，并且使用block+float只是顺手的事情。

 

 

 

 

 

 

 

持续增加中……