接常用总结一

1.display

display:none  此标签不显示

display:block  将行内标签当做块级标签

display:inline  将块级标签当做行内标签

display: inline-block;  同时具有inline和block的特点，具有inline的特点：默认自己有多少还是占多少；

　　　　　　　　　　　　　　　　　　　　　　　 具有block的特点：可以设inline（行内）标签无法设置的高度，宽度，padding，margin。

注：行内标签无法设置高度，宽度，padding，margin。

2. float浮动

 让块级标签飘起来。

float: {left || right || top  || bottom }指定飘到的位置。

常常后面还要跟一个标签写上clear: both; 清除浮动，为了让父级标签和下面float的子级标签联系起来。

3.position

看这个吧，很详细。http://www.cnblogs.com/canuseethat/archive/2010/09/16/1827804.html

4.opacity 设置透明度

5. overflow

当一个div里放一张图片时，图片可能很大，这时候可以通过overflow来配置图片在这个div里的显示。

overflow: hidden; 超过div大小的地方隐藏;

overflow: auto;  以滚动条的形式显示图片；

6. hover

鼠标移动到某个标签上时样式生效。

#header:hover{ background-color:red }

 

最后随意记几点：margin: 0 auto; 设置一个div居中

text-align: center; 设置文本水平方向居中

line-height  垂直方向根据标签高度居中