HTML基础知识
- 块元素：必须要占据一行的元素
- 行内（内联）元素：会在一行内依次排列的元素
每一个元素都可以看作是一个盒子，在盒子内的被称为内容，盒子边界距离外边界的距离叫做外边距，内容距离盒子的距离叫做内边距。同时，都有宽和高的概念。
<!DOCTYPE HTML>
<html>
<head>
<style>
* {margin:0}/*去掉所有的外边距*/
div {
background-color:red;
padding-left:200px;
}
p {
background-color:green;
margin-left:20px;
margin-top:10px;
margin-right:50px;
margin-bottom:15px;
}
span {
background-color:#cccccc;
}
h1 {background-color:#BBBB00}
buttom {background-color:#FFEE99}
</style>
</head>
<body>
<div>元素1</div>
<p>元素2</p>
<span>元素3</span>
<img>元素4</img>
<span>元素5</span>
<h1>元素6</h1>
<buttom>元素7</buttom>
</body>
</html>
