塊級元素與內聯元素

2021-08-21 12:09:40 字數 717 閱讀 8969

塊級元素(block element)

div -最常用的塊級元素

dl - 和dt dd搭配使用的塊級元素

dl dt dd是乙個組合型標籤

標籤標準用法,**如下

 

標題1dt> 

列表1dd> 

列表2dd> 

dl> 

同時dd內可以放標籤使用。

*/form - 互動表單

h1 - 大標題

hr - 水平分隔線

ol - 排序表單

p - 段落

ul - 非排序列表

內聯元素(inline element)

a - 錨點

b - 粗體(不推薦)

br - 換行

em - 強調

font - 字型設定(不推薦)

i - 斜體

img -

input - 輸入框

label - **標籤

select - 專案選擇

small - 小字型文字

span - 常用內聯容器,定義文字內區塊

strike - 中劃線

strong - 粗體強調

sub - 下標

sup - 上標

textarea - 多行文字輸入框

tt - 電傳文字

u - 下劃線

內聯元素與塊級元素

一 行內元素與塊級元素的區別 1 塊級元素的特點 1 總是從新行開始 2 高度,行高 外邊距以及內邊距都可以控制。3 寬度預設是容器的100 4 可以容納內聯元素和其他塊元素。2 內聯元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效,但水平方向的padding和margin可以設定,垂直方向的...

內聯元素與塊級元素

在標準文件流裡面,也就是沒有其它一些css樣式控制的情況下,塊級元素會佔據一行,也就是寬頻始終是與瀏覽器寬度一樣,與內容無關。而行內元素 也叫內聯元素 的寬度只與內容有關。內聯元素 inline element 一般都是基於語義級 semantic 的基本元素。內聯元素只能容納文字或者其他內聯元素,...

內聯元素與塊級元素

塊級元素 內聯元素 獨佔一行,前後都有換行符,寬度自動填滿父元素 前後沒有換行符,相鄰的內聯元素排列在同一行,排不下換行,其寬度根據元素內容變化 可以設定width,height 不可設定width,height img input 除外,見下面 可以設定margin padding 可設定左右的內...