通过对比增加除去与周围的距离的css前后来说明:
没增加之前:
代码部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>test</title>
</head>
<body>
<h1>HTML元素=开始标签+内容+结束标签</h1>
<ul>
<li>chorme</li>
<li>firefox</li>
<li>ie</li>
<li>edge</li>
<li>webkit</li>
</ul>
<p>床前<i>明月</i>光</p>
</body>
</html>
生成图:
增加出去与周围距离的css代码之后:
css代码:
h1,
p,
ul,
body{
margin: 0;
padding: 0;
}
效果图: