CSS中的block,是指具有塊級布局特點的元素。它們會獨占一行或多行,且可以設置寬度、高度等屬性。
/* 示例如下 */ p { display: block; /* 將行內元素轉換為塊級元素 */ width: 200px; height: 100px; background-color: #ccc; }
常見的block元素包括:
- div:通用塊級容器
- h1~h6:標題標簽
- p:段落標簽
- ul和ol:無序列表和有序列表
- hr:水平線
- table:表格
- form:表單
與block相對的是inline,即內聯元素。內聯元素通常不會獨占一行,而是與其它內聯元素共享一行,且寬高等屬性設置不會生效。
/* 示例如下 */ span { display: inline; /* 將塊級元素轉換為行內元素 */ background-color: #f00; }
常見的inline元素包括:
- a:超鏈接
- img:圖片
- strong和em:加粗和斜體
- input和button:表單元素
除了block和inline,還有inline-block,即行內塊級元素。行內塊級元素具有塊級元素的寬高等特性和內聯元素的共享行特性。
/* 示例如下 */ div { display: inline-block; width: 100px; height: 50px; background-color: #0f0; }
總結來說,block是CSS中的一種布局方式,用于創建具有塊級布局特點的元素。它們通常會獨占一行或多行,且可以設置寬度、高度等屬性。
上一篇css 動態字體大小
下一篇css 動畫 停住