行內元素特點:

1、和其他元素都在一行上

2、元素的高度、寬度、行高及頂部和底部邊距不可設定;

元素的寬度就是它包含的文字或圖片的寬度，不可改變

3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

注：行內元素在設定 水平方向的padding-left、padding-right、margin-left、margin-right都產生邊距效果，但豎直方向的padding-top、padding-bottom、margin-top、margin-bottom卻不會產生邊距效果。

行內塊屬性 img、input等

塊級元素特點

1、每個塊級元素都從新的一行開始，並且其後的元素也另起一行。（一個塊級元素獨佔一行）

2、元素的高度、寬度、行高以及頂和底邊距都可設定。

3、元素寬度在不設定的情況下，寬度為100%（和父元素的寬度一致），除非設定一個寬度。

注：在html中，<span>、<a>、<label>、<input>、 <img>、 <strong>和<em>就是典型的行內元素（inline）元素。

塊級元素是可以設定寬高的，但是它的實際寬高是本身寬高padding。block元素要單獨佔一行。內聯元素不單獨佔一行，給他設定寬高是沒有用的。

塊屬性

div、p、ul、ol、li、h1-h6等

塊級元素和行內元素列表：

css三特性

CSS疊加性：同一個元素被多條樣式規則指定。

CSS繼承性：後代元素會繼承前輩元素的一些樣式和屬性。

CSS優先順序：由於CSS的疊加性和繼承性，將產生優先順序，這指的是哪條樣式規則會最終作用

於指定的元素，他只遵循一條規則，指定的越具體，優先順序越高

瀏覽器讀取你的選擇器，遵循的原則是從選擇器的右邊到左邊讀取。換句話說，瀏覽器讀取選擇器的順序是由右到左進行

並非所有css屬性都具有繼承性。

具有繼承性的屬性：

1.文字相關屬性是繼承的:font-family,font-size,line-height,font-weight,font-style,text-transform

2.列表相關屬性是繼承的：list-style,list-style-image,list-style-position

3.顏色相關屬性是繼承的：color

無繼承性的屬性

1.所有背景屬性，盒子屬性，佈局屬性

我們在ul下設定color屬性，並不會使ul>li>a下的a的字型發生樣式的改變，但會使li下的字型樣式發生改變