HTML css样式（2）

超链接效果的设置：
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.标签选择器