盒模型是CSS的核心知識點之一纷铣,頁面上的每個元素都被看成一個矩形框柔滔,這個框由元素的內(nèi)容勃刨、內(nèi)邊距、邊框和外邊距組成
行內(nèi)元素與塊級函數(shù)的三個區(qū)別
- 行內(nèi)元素與塊級元素直觀上的區(qū)別
行內(nèi)元素會在一條直線上排列咒锻,都是同一行的,水平方向排列
塊級元素各占據(jù)一行主经,垂直方向排列腻异。塊級元素從新行開始結(jié)束接著一個斷行。
- 塊級元素可以包含行內(nèi)元素和塊級元素取试。行內(nèi)元素不能包含塊級元素悬槽。
- 行內(nèi)元素與塊級元素屬性的不同,主要是盒模型屬性上
行內(nèi)元素設置width無效瞬浓,height無效(可以設置line-height)初婆,margin上下無效,padding上下無效