CSS是层叠样式表的缩写。它是一种用来控制HTML和XML文档外观和布局的语言。在使用CSS之前,我们需要为网页设置一些初始化样式,这样可以确保我们的网页在不同的浏览器中表现一致。/ Reset CS...
CSS是层叠样式表的缩写。它是一种用来控制HTML和XML文档外观和布局的语言。在使用CSS之前,我们需要为网页设置一些初始化样式,这样可以确保我们的网页在不同的浏览器中表现一致。
/*
Reset CSS
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* 设置列表样式 */
ol, ul {
list-style: none;
}
/* 设置链接默认颜色和下划线 */
a {
color: #000;
text-decoration: none;
}
/* 处理表格边框 */
table {
border-collapse: collapse;
border-spacing: 0;
} 上面的代码就是常用的CSS初始化设置,通常称为“Reset CSS”,这里包含了一些常见的HTML标签,对它们的样式进行了归零操作,以便我们在之后的CSS编写过程中不会被一些默认样式影响到。
这些代码可以以文件形式存在,我们只需要在页面中使用标签引入即可:
<link rel="stylesheet" type="text/css" href="reset.css"> 这样我们就可以在编写CSS时不受浏览器默认样式的干扰了。