漫漫前端路(html+css)1

css reset的原则

凡是浏览器设置的样式,都不实用

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style>
/*默认样式重置(css reset)*/
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin: 0;font-size: 12px;
/*font-fmaily:"宋体";*/}
ol,ul{list-style-type: none;padding: 0;margin: 0;}
a{text-decoration: none;}
img{border: none;}

/*通配符,性能不好,不建议使用*/
*{margin: 0;padding: 0;}
</style>
</head>
<body>


<a href="#">a标签(链接,下载,锚点)</a>
<img src="1.png" alt=""/>
<a href="#"><img src="1.png" alt=""/></a>
<span>区分样式</span>
<strong>强调(粗体)</strong>
<em>强调(斜体)</em>
<!-- 
内联,内嵌,行内属性标签:
1、默认同行可以继续跟同类型标签;

块属性标签:
1、默认独占一行显示;
 -->
<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>
    原文作者:甄城
    原文地址: https://segmentfault.com/a/1190000004050711
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞