CSS常用属性总结

1，首行缩进：text-indent:2em

        1em == font-szie 大小

        em是相对字体大小高度的

2，文本装饰 text-decoration:line-through;

3，行级元素：内容决定元素所占位置(inline)

不可以通过CSS改变宽高

比如：span strong em a del

块级元素：独占一行(block)

可以通过CSS改变宽高

比如：div p url ol form address

行级块元素：内容决定大小，可以改变宽高(inlie-block

)

比如： img

4, 所示带有inline属性的元素，都是文字特性

5，盒子模型

margin:4个值：上右下左

3个值：上，左右，下

2个值： 上下，左右

6,文字溢出处理

单行文本：

通用：p{

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis; //省略

}

7，多行文本：

截断处理，不打点

 

8，p标签不能套div

a标签不能套a标签

行级元素只能嵌套行级元素

块级元素可以嵌套任何元素

9，解决图片中隐藏文字：

text-indent:200px;

white-space:nowrap;

overflow:hidden;

10，一个行级元素一但设置 positon:absolute 或者 float:left/right 那个相当于

这个元素内部添加了display:inline-block;

11，float:CSS中的浮动很重要

作用：可以让元素站队

浮动元素产生了浮动流，，所有产生了浮动流的元素，块级元素看不到他们，产生了bfc的元素和文本类属性（inline）的元素以及文本都能看到浮动 元素

清除浮动流：clear p{clear:both;}

或者 .wrapper::after{

content:"";

clear:both;

display:block;

}

http://note.youdao.com/noteshare?id=14e782d9fbb775642790376b589f73ae&sub=93292646B77047ADB0FE1C26671BA82D