CSS塊級元素是指能夠在網頁中獨占一行的元素,它們與其他元素的排列方式是垂直排列的。如div、h1、h2、h3、p、ul、ol等標簽。
/* 例如以下樣式代碼,能讓塊級元素顯示在獨立一行 */ div { display: block; } p { display: block; }
CSS塊級元素可以通過display屬性控制元素的顯示方式。比如,我們需要把一個元素轉化為塊級元素,可以添加display:block。還可以使用display:none來隱藏元素。常見的塊級元素有:
- div:最常用的塊級元素,用于布局和分組
- h1、h2、h3、h4、h5、h6:標題標簽,按照重要性遞減排列
- p:文本段落標簽,用于顯示一段文字
- ul:無序列表,通常與li結合使用
- ol:有序列表,通常與li結合使用
塊級元素特點:
- 占據(jù)一整行
- 可以設置寬高,可以通過padding、margin調整內外邊距
- 可以容納其他元素
- 可通過display屬性進行樣式控制
上一篇CSS圖片向下向右浮動
下一篇ajax后臺獲取json