首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css初始化设置是什么

发布于 2024-11-11 15:20:54
0
48

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时不受浏览器默认样式的干扰了。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流