什么是CSS的重置?

一个CSS复位/ CSS来设置元素样式到一个特定的基线,创建跨各种浏览器的一致性。

我们都已经通过编写跨浏览器的CSS的恶梦。 所以,当我们开始编写我们的CSS,这是一个实践重置它首先删除/重设任何跨浏览器不一致性。 CSS的复位,是简单的几行的CSS,你开始你的CSS,给你一个干净的基地开始建设让你的。

我通常倾向于使用的CSS重置看起来像这样

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

OL,UL {
列表样式:无;
}

H1,H2,H3,H4,H5,H6 {
字体大小:100%;
字体重量:正常;
}


重置浏览器的字体大小
还注意到,已被应用到浏览器中的下面一行字体大小复位...

html {font-size: 76%;}

上述的CSS重置浏览器的字体大小为10像素,这使得它可以使用相对字体大小(这是每一个围合规的重要何卫青)
例如,在下面的定义,跨度字体大小设置为10像素,在paragarph被设置为14像素...

span {font-size: 1em;}
p {font-size: 1.4em;}


一个回应“什么是CSS的重置?”

发表评论

NDK的家 | 表达它 表示唇腭裂 表示Penmenship 表示敬畏 表达自己