初始化原因:
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
而初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化整个页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。
怎么做初始化:
在html文件中通过 <link rel="stylesheet" href="css/index.css" >
将css中的样式.和html中的结构联系起来
代码示例:
/* CSS 初始化开始 */
*{/*把所有标签的内外边距取消掉*/
margin: 0px;
padding: 0px;
}
ul{/*去掉ul的小圆点*/
list-style: none;
}
body{/*把主体设为统一格式*/
font-size: 12px;
font-family: "微软雅黑";
color:#716f70 ;
}
a{/*改变a链接的默认格式,颜色和下划线*/
color: #716f70;
text-decoration: none;
}
a.hover{/*改变鼠标经过颜色*/
color: skyblue;
}
/* CSS 初始化结束 */
如果还需要别的初始化样式,还可以进行加,根据不同的需求,初始化样式也不同