初始化原因:
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对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 初始化结束 */
如果还需要别的初始化样式,还可以进行加,根据不同的需求,初始化样式也不同