超链接效果的设置： a:link{ 点击前的效果设置 }
a:visited{ 点击后的效果设置 }
a:hover{ 鼠标划过的效果设置 }
a:active{ 当鼠标左键划过并且点击不动时的效果设置 }
重置属性： 清除列表的样式，去除点和数字： ul,ol{ list-style:none; } 清除默认的margin padding： 1.body,h1,h2,h3,h4,h5,h6,div,span,ul,li,ol,dl,dd,dt,a,img,p{ margin:0; padding:0; } 2.*{ margin:0; padding:0; }
块元素特点：div p ul li h1-h6 dl dt dd等 1.支持全部的样式设置 2.如果没有设置宽度，则默认父级的宽度 3.独占一行，即使设置宽高，也占一行
内联元素特点：span a em b等 1.支持部分样式 2.高度以内容和字体的大小决定 3.可以一行共存多个 4.换行后，两个行标签会有间隙
行内标签间隙问题： 解决方法： 1.标签一行写 2.在行内元素的父级上设置font-size:0,行内元素同时也要设置font-size
内联块元素特点： 1.支持所有样式 2.宽高不设置，由内容来撑 3.元素之间可以一行共存 4.换行盒子间出现间隙
浮动 定义：让块级标签一行共存没有间隙 特点： 1.浮动之后元素（标签），浏览器默认不存在 2.浮动之后的盒子具有行内块标签的特点，一行共存，宽高生效
清浮动的方法： 1.在浮动元素的父级上添加高度 height:200px; 2.在父级上添加溢出隐藏 overflow:hidden; 3.在父级上添加伪类 .父级:after{ content:’ '; display:block; clear:both; } 4.添加兄弟标签，并设置clear .兄弟标签class名{ clear:both; }
定位： 定位：可以让标签移动到网页的任意位置，包括让两个标签互相叠放，将相对定位添加在父级上，绝对定位添加在子级上。
相对定位 position:relative; 1.改变位置的参照物是自己 2.不改变盒子的显示模式 3.占位脱离标准流
绝对定位：position:absolute; 1.默认参照物是浏览器 2.改变盒子的显示模式：行内块的特点 3.完全脱离标准流 4.以最近的已经定位的父级为参照物，如果没有，默认浏览器
固定定位 position:fixed; 1.显示模式会发生改变，行内块的特点 2.参照物是浏览器
其他定位： 1.position:static; 没有定位 2.position:inherit; 继承父类的定位属性值
!important权重等级最高 1.行内式（内联样式） 2.ID选择器 3.类，伪类，属性选择器 4.标签选择器
