CSS高级选择器+块级元素，行内元素的特点+CSS定位+logo的做法

CSS高级选择器

*是通配符选择器（样式的重置）
*{ margin: 0;
padding: 0;
} 元素的样式的重置，紧贴左上角
子选择器：父级>子级
后代选择器： 祖先 子级
作用：
1.节省类名
2.可以根据父级的不同在重复的类名上加上不同的样式

标题

块级元素：
每个块级元素都是独占一行或多行的，可以对其单独设置高度，宽度，对齐
等属性
常见的块级元素就是 div标签 p标签h1~h6标签 ul标签 ol标签 li标签
块级元素的特点是：
1.独占一行
2.宽度默认100%
3.高，行高，外边距内填充边框都可以单独设置（加一个style）
4.可以容纳内联元素和其他的块级元素（div）

行内元素：
不占有独立的区域，靠自己的字体大小或是图像大小支撑出来的结构，
一般不可以设置宽度，高度，对齐等属性
常见的行内元素 a标签 span标签

行内元素的特点：
1.和相邻的行内元素在同一行上，但是中间有空白间隙
2.默认width就是本身内容的宽度
3.高度，行高，内边距和外边距都可以设置

显示模块的转换
行内转块：display:block; 转换成行内元素就可以设置高度宽度等属性了
块转行内：display:line-block; 转换完就有行内元素的所有特性了

CSS定位

相对定位：position:relative; 使用完定位就可以设置上下左右的边距
相对定位元素占位置，占的是没有移动前的位置
坐标原点，初始位置的左上角

固定定位：position:fixed; 使用完定位就可以设置上下左右的边距
不占位置，坐标原点是body的左上角

绝对定位：position:absolute; 使用完定位就可以设置上下左右的边距
坐标圆点先是向上看，看自己的父级是否使用了相对定位，如果父级使用了相对定位，那么其坐标原点就是其父级的左上角，如果没有，原点就是body

logo的做法

要求：
可以跳转
返回主页
一般的框架结构就是div>h1>a
将logo的文字放入a标签，将logo图切下后作为h1标题的背景图插入进去
将h1的大小和logo图保持一致，再将a标签的大小设置和h1相同
最后将文字隐藏，text-indent:-2000px; 一般这个要设置大一点，让a标签的文字飞到屏幕的外边