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" />
<a href="#"><img src="1.png" /></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://www.cnblogs.com/jlfw/p/12663821.html
时间： 2024-10-15 18:19:02