本文是对CSS Reset的简要总结，包括清除所有标签的内外边距，设置em和i标签样式正常，移除li的小圆点，解决img边框和底部间隙问题，设置button鼠标效果，统一链接样式及 hover 效果，以及字体初始化和抗锯齿处理等，旨在提供一种网页样式的一致性和基础设置。
/*把所有标签内外边距清零 */
*{margin:0;padding:0}
/* 斜体的文字不倾斜 */
em,i{font-style:normal}
/* 去掉小圆点 */
li{list-style:none}
/* 图片初始化*/
img{
/*照顾低版本浏览器，如果图片包含了链接会有边框的问题 */
border:0;
/* 取消图片底侧有空白缝隙的问题 */
vertical-align:middle
}
/* 当鼠标经过button按钮，鼠标变成小手 */
button
{
cursor:pointer
}
/* 链接无下划线，颜色为灰色文字 */
a
{
color:#666;text-decoration:none
}
/* 鼠标经过变成红色 */
a:hover
{
color:#c81623
}
/* 字体初始化 */
button,input{
font-family:Microsoft
YaHei,Heiti SC,tahoma,arial,Hiragino Sans
GB,"\5B8B\4F53",sans-serif
}
body{
/* 抗锯齿形，让文字显示更加清晰 */
-webkit-font-smoothing:
antialiased;background-color
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
