CSS初始化

1.把我们所有标签的内外边距清零

* {

margin: 0;

padding: 0;

}

2.倾斜的文字不倾斜

em,

i {

font-style: normal;

}

3.去掉li的小圆点

li {

list-style: none;

}

4.

img {

/* 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */

border: 0;

/* 取消图片底侧有空白缝隙的问题*/

vertical-align: middle;

}

5.

button {

 /* 当我们鼠标经过button 按钮的时候， 鼠标变成小手 */

cursor: pointer;

}

6.取消a标签的下划线

a {

color: #666;

text-decoration: none;

}

7.鼠标经过a标签时颜色发生变化

a:hover {

color: blue;

}

8.把元素隐藏起来

.hide,

.none {

display: none;

}

9.清楚浮动

.clearfix: after {

visibility: hidden;

clear: both;

display: block;

content: " .";

height: 0;

}

.clearfix {

*zoom: 1;

}