塊級盒模型 行內盒模型

行內盒模型

1.行內盒模型 不支持寬高（width，height） 塊級盒模型是支持。
2.行內盒模型不支持 margin-top 塊級盒模型是支持的
3.行內盒模型和塊級盒模型都支持左右。
4.行內盒模型的上下padding不會對其他元素產生物理影響（推開其他塊或改變自身位置）但會產生顯示上的影響。
5.行內盒模型的padding-left，margin-left可以使用，可以把自己推開。
6.行內盒模型 上下 margin跟padding已及height和width是無效的
左右margin和padding是有效的
7.行內盒模型；可以由font-size（字體大小）控制行內元素整體改換（有點像給塊元素加寬高）。
8.父元素 字體大小爲16px=1em那麼2em=32px；以父元素的（em）爲基準。
9.固定塊級盒模型的寬高後，裏面的子元素可以超過他的寬高。
10.line-height可以模擬margin-top用來把盒子推開。
11.vertical-align：10px；改變基線；垂直居中（很少用這個屬性），不做用於塊級元素。
12.行間距是上下文本內容區之間的間距 ，行間距=（line-height-font-size）
13.行高是上下兩個文本基線之間的最小間距，行高與文字大小之差就是行間距。14.text-align加在父級之中對子級控制。
15.text-decarotion：文字裝飾，underline下劃線。
16.inline-block；讓對象可以在同一行並可以設計寬高，一幫來說大部分塊級元素可以包含行內元素和塊級元素，但是有例外，比如 P 元素，只能包含inline元素，而不能包含block元素。
[email protected]/應用字體/{
font-family：‘wanzhangti’；/自己取的名字/
src：url（「找到字體」）；
}
p{
font-family：wanzhangti；/引用自定義字體/ }