目錄
1、block 塊級元素
1.1、塊級元素特點
a. block元素會獨佔一行，多個block元素會各自新起一行。默認情況下，block元素寬度自動填滿其父級寬度。
b. block元素可以設置width,height屬性。塊級元素即使設置了寬度，仍然是獨佔一行。
c. block元素可以設置margin和padding屬性。
1.2、常用的塊狀元素有
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> （塊引用）、<form>
2、inline 內聯（行級）元素
2.1、塊級元素特點
a. inline元素不會獨佔一行，多個相鄰的行內元素會排列在同一行裏，直到一行排列不下，纔會新換一行，其寬度隨元素的內容
而變化。
b. inline元素設置width,height屬性無效。
c. inline元素縱向的margin和padding不能設置值。
2.2、常用的內聯元素有
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>（表示計算機源代碼或者其他機器可以
閱讀的文本內容）
常用的內聯塊狀元素有：
<img>、<input>
圖片是內聯元素，同時是替換元素，替換元素是可以設置寬高的
3、display:none
將元素的顯示設爲無，即在網頁中不佔任何的位置。
3.1、display:none和visible:hidden都能把網頁上某個元素隱藏起來。
3.2、display:none與visibility: hidden的區分
display:none ---不爲被隱藏的元素保留其物理空間，即該元素在頁面上徹底消失，通俗來說就是看不見也摸不到。即將元素的顯
示設爲無，即在網頁中不佔任何的位置。
visibility: hidden--- 使元素在網頁上不可見，但該元素在網頁上所佔的空間沒有改變，通俗來說就是看不見但摸得到。即將元素隱
藏，但是在網頁中該佔的位置還是佔着。
4、總結
4.1、每一個元素都有默認的display屬性值，比如div元素，它的默認display屬性值爲“block”，成爲“塊級”元素(block-level)；而
span元素的默認display屬性值爲“inline”，稱爲“行內”元素。
4.2、塊級元素：佔據一定矩形空間，可以通過設置高度、寬度、內外邊距等屬性，來調整的這個矩形；
行內元素 ：自己的獨立空間，它是依附於其他塊級元素存在的，因此，對行內元素設置高度、寬度、內外邊距等屬性，都
是無效的。
4.3、例如：<a> 標籤元素，在默認情況下是是“行內元素”，因此對a元素設置高度、寬度等屬性，都是無效的。又比如
div，p，li，img等默認情況下的display屬性值就是“block”。所以對於鏈接a來說只能這樣：display:block;強制將它改成塊元素。
