html元素盒模型,塊級元素和內聯元素區別

2021-08-15 07:40:38 字數 586 閱讀 9095

1、【盒模型】

盒模型:html文件中的每個元素都被描繪成矩形盒子,這個模型稱為盒模型。

盒模型包括:margin(外邊距),border(邊框),padding(內邊距),content(內容區域)。

元素佔據的空間:margin+border+padding+content。

正常盒模型:屬性width/height = content寬高。

ie盒模型 ( ie 5 和 6 ) :屬性width/height = margin+border+padding+content。

補充: css2.1 規定的寬度高度行為

box-sizing: content-box     對應正常盒模型

box-sizing: border-box     對應ie盒模型

2、【塊級元素和內聯元素區別】

塊級元素:

行內元素:

盒模型 塊級元素內聯元素

1 文件流概念 是瀏覽器解析網頁的乙個重要概念。對於乙個xhtml網頁,body元素下的任意元素,根據其先後順序,組成了乙個上下關係,這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置。文件流是瀏覽器的預設顯示規則。2 塊級元素與行內元素 得出區別的方法 1.寫兩個div,兩個span ...

HTML 塊級元素和行內元素

行內內容是說由行內元素組成的內容,行內元素大家都知道吧,比如 span 元素,iframe元素和元素樣式的display inline的都是行內元素。例如文字這類元素,各個字母 之間橫向排列,到最右端自動折行。塊級內容跟則是由塊級元素構成,div 是最常用的塊級元素,元素樣式的display blo...

html塊級元素和行內元素

塊元素一般都從新行開始,它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊,它只能用來容納其他塊元素。如果沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。而有了css以後,我們可以改變這種html的預設布局模式,把塊元素擺放到你想要 的位置上去。而不...