CSS塊級元素和行內元素詳解

2022-07-21 06:00:15 字數 314 閱讀 6481

html中的元素可分為兩種型別:塊級元素和行級元素。這些元素的型別是通過文件型別定義(dtd)來指明。塊級元素:顯示在一塊內,會自動換行,元素會從上到下垂直排列,各自佔一行,如p,ul,form,div等標籤元素。行內元素:元素在一行內水平排列,高度由元素的內容決定,height屬性不起作用,如span,input等元素。

每個塊級元素預設佔一行高度,一行內新增乙個塊級元素後無法一般無法新增其他元素(float浮動後除外)。兩個塊級元素連續編輯時,會在頁面自動換行顯示。塊級元素一般可巢狀塊級元素或行內元素;

塊級元素一般作為容器出現,用來組織結構,但並不全是如此。有些塊級元素,如

行內元素 塊級元素和行內塊級元素

而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效,只有左右有效果 總是和相鄰的行內元素在同一行上,預設排列方式...

CSS塊級元素和行內元素

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

CSS塊級元素和行內元素

1.寬高 width 數值 height 數值 也可用百分比!長高的設定不會被後代繼承 2.背景 1 背景顏色 background color 顏色值 元素的背景顏色預設為transparent background color 不會被後代繼承。2 背景 使用background image 屬性...