美文网首页
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常见标签默认样式重置

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