美文网首页
HTML常见标签默认样式重置

HTML常见标签默认样式重置

作者: Icestains | 来源:发表于2017-05-29 23:47 被阅读0次
body,p,h1,h2,h3,h4,h5,h6,dl,dd{
    margin:0;
    font-size:12px;
/* font-family:XX; */
}
ol,ul{
    list-style:none;
    padding:0;
    margin:0;
}
a{
    text-decoration:none;
}
img{
    border:none;
}
/* 默认样式重置 (css reset)  */

完整演示代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */}
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
img{border:none;}
/* 默认样式重置 (css reset)  */

</style>
</head>
<body>

<a href="#">a标签(链接,下载,锚点)</a>
![1.png](https://img.haomeiwen.com/i3464381/e142e804264d3886.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<a href="#">
![1.png](https://img.haomeiwen.com/i3464381/e142e804264d3886.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
</a>
<span>区分样式</span>
<strong>强调(粗体)</strong>
<em>强调(斜体)</em>

<p>段落</p>
<div>块</div>
<h1>标题1</h1>
<h6>标题6</h6>
<ol>
    <li>列表项</li>
  <li>列表项</li>
  <li>列表项</li>
</ol>
<ul>
    <li>列表项</li>
  <li>列表项</li>
  <li>列表项</li>
</ul>
<dl>
    <dt>定义列表标题</dt>
  <dd>定义列表项</dd>
  <dd>定义列表项</dd>
  <dd>定义列表项</dd>
</dl>

</body>
</html>

相关文章

  • HTML常见标签默认样式重置

    完整演示代码

  • Html5课堂总结

    /*重置样式*/ *{ margin: 0; padding: 0; } css的重置样式主要是因为html标签在...

  • 教你用CSS清除样式

    通常的清除默认样式: 设置默认字体 select标签 重置表格元素 重置hr 清除< ol > < ul >的默认...

  • 2020-02-19

    编写重置样式 不同的标签有着默认的样式,不同浏览器对标签的解析各不相同,重置css样式可以让标签在不同浏览器下产生...

  • CSS Reset(样式重置)

    CSS Reset,意为重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定...

  • CSS-Reset

    什么是css-reset 所谓的css reset技术就是用来重置元素的默认样式。因为HTML标签在浏览器上是具有...

  • HTML标签默认样式

    Chrome 55 html body div ul ol dl li dt dd h1 h2 h3 h4 h5 ...

  • CSS命名规范

    重置(reset)和默认(base)(tags):消除默认样式和浏览器差异,并设置部分标签的初始样式,以减少后面的...

  • CSS 样式重置

    标签具有默认样式,由浏览器所决定的,为了达到在各个主流内核的浏览器页面样式显示一致,会重置具有默认样式的标签,得到...

  • html及各浏览器默认样式

    /*html标签默认样式*/ html, address,blockquote,body, dd, div,dl,...

网友评论

      本文标题:HTML常见标签默认样式重置

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