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的預設布局模式,把塊元素擺放到你想要 的位置上去。而不...