请忽略此条
:first-of-type-:last-of-type 真对指定元素，不被其他元素顺序影响
:nth-of-type 匹配同类型中的第n个同级兄弟元素

css背景属性
背景色background-color
transparent透明
表示方法
第一种： red yellow blue green...
第二种: 十六进制
第三种：rgb

背景图片
background-image: url(路径);
背景平铺
repeat 水平和垂直方向都平铺
repeat-x 水平方向都平铺
repeat-y 垂直方向都平铺
no-repeat 水平和垂直方向都不平铺
background-repeat: no-repeat;
背景位置
方位名词：最多表示9个位置 水平方向 left center right 垂直方向 top center bottom
数字+px ： 0 0 左上角 x y
注意：方位名词可以和坐标轴混用，第一个表示水平 第二个表示垂直
background-position: 10px center;

复合写法
background：color image repeat position;

元素的显示模式
块级元素 block：
独占一行
宽度默认是父元素的宽度，高度默认由内容撑开
可以设置宽高

行内元素 inline：
一行可以显示多个
宽度和高度默认由内容撑开
不可以设置宽高

行内块元素 inline-block：
一行可以显示多个
可以设置宽高

嵌套规范:
块元素一般作为大容器，可以嵌套文本，块元素，行内元素，行内块元素等...
注意** p标签里不能嵌套 p，div，h等块级元素
a标签内部可以嵌套任意标签
**注意:** a标签不能嵌套a标签
行内元素不要嵌套块元素

元素转换
改变元素显示的特点，让元素符合我们布局要求
display:block; 转换为块元素
display:inline-block; 转换为行内块元素
display:inline; 转换为行内元素 极少使用

几乎不会把块元素转换为其它元素，用的最多的是把行内元素转换为行内块或者块，比如a