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>
