塊元素,行元素,行內塊元素

2021-09-28 20:01:31 字數 722 閱讀 7110

1.內容獨佔一行

2.塊元素可以設定寬高

3.如果不設定寬高,寬度就等於父元素的寬度,高度就等於內容的高度

4.塊元素可以設定內外邊距

5.多個塊元素之間上下排列

常見的塊元素:div,section,p,h1-h6,hr,ul,li等

塊元素可以通過margin:0 auto;實現定寬居中的效果(先定寬,再居中)

1.行元素不能獨佔一行,而是在一行顯示,如果寬度大於父元素的寬度,才會自動換到第二行顯示

2.行元素不能設定寬高

3.寬高取決於內容的寬高

4.多個行元素左右排列,如果右邊寬度不夠,就自動換行

常見的行元素:span,a,b,s,del

1.不能獨佔一行,多個行內塊元素按照從左往右的順序排列,如果右邊寬度不夠,自動換行顯示

2.可以設定寬高

3.不設定寬高時,它的寬高取決於內容的寬高

常見的行內塊元素:img,button,input等

img標籤不設定寬高時,有多大,它就有多大,如果只設定寬或者高,那麼對應的寬或者高會等比例進行放大或縮小,如果設定寬高不成比例,那麼就會變形

display:block;塊

display:inline;行

display:inline-block;行內塊

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

塊級元素,行內元素,行內塊元素

內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...

塊級元素,行內元素,行內塊元素

獨佔一行,對寬高的屬性值生效 如果不給寬度,預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行,對寬高的屬性值不生效,靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...