1、为什么要初始化
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
而初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化整个页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。
2、怎么做初始化
在html文件中通过 <link rel="stylesheet" href="css/index.css" >
将css中的样式.和html中的结构联系起来
3、代码奉上:
/* 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 初始化结束 */