HTML常见标签默认样式重置

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](http://upload-images.jianshu.io/upload_images/3464381-e142e804264d3886.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<a href="#">
![1.png](http://upload-images.jianshu.io/upload_images/3464381-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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容