美文网首页Web前端之路
怎么用CSS清除默认样式

怎么用CSS清除默认样式

作者: 前端王祖蓝 | 来源:发表于2021-01-04 09:44 被阅读0次

CSS 清除默认样式

通常有以下几句就够了:

*{
margin:0;
padding:0;
}

li{
list-style:none;
}

img{
vertical-align:top;
border:none;
}

如果你想写全也可以:

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

相关文章

  • 怎么用CSS清除默认样式

    CSS 清除默认样式 通常有以下几句就够了: 如果你想写全也可以:

  • CSS清除默认样式

  • reset.css

    项目里清除默认样式(reset.css): html, body, div, span, applet, obje...

  • CSS-清除默认样式

    编写网站顺序: 创建站点文件夹,并创建一些子文件夹和子文件。注意点:创建站点文件夹可以是中文站点文件夹下面的子文件...

  • CSS如何清除默认样式

    通常的清除默认样式: 设置默认字体: select标签 清除< ol > < ul >的默认样式 .button按...

  • CSS Reset

    html标签在不同浏览器中都有不同的默认全局样式设置,CSS Reset清除默认样式: 依据产品整体需求设置。 C...

  • css reset

    重置样式:css reset 概述 重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体...

  • 页面架构——CSS Reset

    什么是CSS Reset 浏览器通过标签名,给标签加上了特有的样式,reset是用来清除默认样式的

  • 18秋网一CSS课件-jikemofan

    做网页前通常需要清除浏览器给予html标签的默认样式,清除方法如下: 在css文件中开头写上: *{margin:...

  • CSS Reset样式

    最近学习CSS,发现前辈们写代码之前都会先写个reset.css文件,清除默认样式。为了搞清楚reset.css的...

网友评论

    本文标题:怎么用CSS清除默认样式

    本文链接:https://www.haomeiwen.com/subject/kbpmoktx.html