html中元素分為三種：塊級元素、行內元素（也叫內聯元素），內聯塊級元素。
常用塊級元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
塊級元素特點：
1、每個塊級元素都從新的一行開始，並且其后的元素也另起一行。（霸道，一個塊級元素獨占一行）
2、元素的高度、寬度、行高以及頂和底邊距都可設置。
3、元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致）
常用內聯元素：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
內聯元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度及頂部和底部邊距不可設置；
3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。
常用內聯塊元素：<img>、<input>
內聯塊級元素特點：（同時具備內聯元素、塊級元素的特點）
1、和其他元素都在一行上；
2、元素的高度、寬度、行高以及頂和底邊距都可設置！
首先行內元素是否具有盒子模型？
答：行內元素同樣具有盒子模型。
行內元素的padding、margin是否無效？
答：
- 行內元素的padding-top、padding-bottom、margin-top、margin-bottom屬性設置是無效的
- 行內元素的padding-left、padding-right、margin-left、margin-right屬性設置是有效的
- 行內元素的padding-top、padding-bottom從顯示的效果上是增加的，但其實設置的是無效的。並不會對他周圍的元素產生任何影響。
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span{
padding: 10px; margin: 20px; background-color: red; } div{ background-color: yellow; } </style> </head> <body> <div>nihzidao</div> <span>nishi</span>> <div>wozhidao</div>
從上圖可以看出，sapn標簽的padding-top和padding-bottom在顯示效果上是增加的，但是和上下兩個div標簽並沒有間距，說明padding-top、padding-bottom設置是無效的，margin-top和margin-bottom也是無效的，
padding-left、padding-right、margin-left、margin-right都是有效的。
總結：行內標簽（也叫內聯標簽）的padding和margin左右設置有效，而padding上下有顯示效果，但是設置無效，margin上下也是設置無效，顯示也無效。