不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异性,照顾浏览器的兼容,我们需要对CSS初始化。
也就是我们自己重新写的一些基础的样式,好让文档在不同的浏览器上,差异不会太多。
下面是我自己写的一些CSS样式,也比较常用。
之后我觉得有需要的我还会补充。
/*所有标签清除内外边距*/
* {
margin: 0;
padding: 0;
}
/*列表里的li去掉小圆点*/
li {
list-style: none;
}
/*照顾低版本浏览器,如果图片外面包含了链接会有边框
取消图片底侧有空白缝隙
*/
img {
border: 0;
vertical-align: middle;
}
/*a链接取消下划线,
设置文字颜色
鼠标移动上去有小手*/
a {
text-decoration: none;
color: black;
}
a:hover {
cursor: pointer;
}
/*给自己的body设置背景颜色
文字大小行间距字体,多个字体考虑版本兼容问题*/
body {
background-color: #fff;
font: 14px/1.5 Microsoft YaHei, Heiti SC;
}
/*输入框取消点击时蓝色的边款*/
input {
outline: none;
}
/*文本域取消点击时的小蓝框
默认可以拉伸大小,修改使不能拉伸大小*/
textarea {
outline: none;
resize: none;
}
/*清除浮动,采用父级添加:after伪元素的方式*/
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: "";
height: 0;
}
.clearfix {
*zoom: 1;
}
/*可以把整个项目中公共的部分提取出来放在这里,避免书写大量重复代码*/