css总结（2）

css总结第二部分
一.块级元素
常见<ol><ul><div><p>等
其特征：
1.每个块级元素都占一行，可以设置宽高，对齐等属性，常用于网页布局和结构的搭建。
2.总是从新行开始。
3.高度，行高，外边距及内边距都可以控制。
4.宽度都是容器的100%。
5.可以容纳内联元素和其他块级元素。

二.行内元素
常见<a><strong><em><span>等
其特征：
1.行内元素(内联元素)并没有独立的空间，靠内容(文字，图片)来撑起结构的，一般不可以设置宽高，对齐等属性，常用域控制页面中的文本的样式。
2.和相邻的行内元素在同一行上。
3.宽高无效，单水平方向的padding，margin可以设置的，垂直的无效。
4.默认宽度就是本身内容的宽度。
5.行内元素能容文本或其他行内元素。

三.行内块元素
其特征：
1.和相邻的元素(行内元素或行内块元素)在一行上，但之间会有空隙。
2.默认宽度也本身内容的宽度。
3.行高，宽高都可以控制。

四.disply的运用
1.块级元素转化行内元素 display:inline；
2.行内转块级 display:block;
3.块级元素行内元素转行内块 display:inline-block;

五.选择器
选择器的种类有交集选择器、并集选择器、后代选择器、子元素选择器、属性选择器、伪元素选择器。
交集选择器：
p .p1{ color: red; };
并集选择器：
div,p{ color: red; }
后代选择器：
div p{ color: red; }
子元素选择器：
div>p{ color: red; }
属性选择器：
div[class^=font]{ color: red; } div[class$=font]{ color: blue; } div[class*=font]{ color: pink; }
伪元素选择器：
1.E::first-letter 文本的第一个单词或字
2.E::first-line文本第一行
3.E::selection，可以改变选中文本的样式
4.E::before 和E::after在E元素内部的开始位置和结束位置创建一个元素，该元素为行内元素，必须要结合content属性使用伪类是一个冒号。