块元素： div p h1~h6 ul li
块元素，独占一行，
内联元素: spon a tmg iframe
内联元素，将将一行填满，在换行(在不加 <br/> 的情况下 )
<a> </a> a标签可以包含其他标签
<p> 元素不能包含块，可以包含
css常用的选择器:
1.元素选择器(标签选择器):
标签名{ }
2.类选择器:
.className{} . 表示类
3.ID选择器：
#id{} #表示id 具有唯一性
4.复合选择器（交集选择器）：
div.boxl{}
选择boxl类下的div元素.
5.群组选择器（并集选择器）:
p,.hello,#s{}
6.通用选择器:
*{}
7.后代选择器
根据标签的关系，为处在元素内部的代元素设置样式：
祖先元素 后代元素 后代元素{}
p strong{} 就是选中p元素下的strong元素。
标签之间的关系：
1.祖先元素 2.后代元素 3.父元素 4.子元素 5.兄弟元素
选择了p元素,和类元素hello，id元素s 分别用逗号隔开.
<input type="text">
–::-moz-selection
给连接定义样式
1.正常链接：
a：link{}
2.访问过的链接：
a:visited{ 只可以定义字体颜色 }
3.鼠标滑过的链接：
a:hover {}
4.正在点击的链接
a:active {}
给段落定义样式
首字母：
：first-letter
首行:
:first-line
属性选择器：
[ 属性名 = " 属性值"]
[ 属性名 ~= " 属性值"]
[ 属性名| = " 属性值"]
[ 属性名 ^= " 属性值"]
[ 属性名$ = " 属性值"]
[ 属性名* = " 属性值"]
优先级的规则
内联样式，优先级1000
id选择器，优先级100
类和伪类，优先级10
元素选择器，优先级1
通配*，优先级0
继承的样式，没有优先级
慎用 !important 这是最重要的，用之后其他的规则全部不可用
其他子元素选择器:
:first-child 选择第一个子标签
:last-child 选择最后一个子标签
:nth-child (a)选择指定位置的子元素
选择指定类型的子元素:
:first-of-type
:last-of-type
:nth-of-type
否定伪类
:not(选择器){ }
继承
父类的标签会将某些css继承到子类
比如:字体颜色.
但是！！
父类的背景 边框 定位 不会被继承.
