HTML標(biāo)簽元素有三種不同類型:塊級元素漓拾,行級元素(內(nèi)聯(lián)元素)什湘,行級塊元素
塊級元素特點:獨占一行、內(nèi)容決定高度晦攒、可以設(shè)置寬高
- 默認(rèn)display: block;
- 常見標(biāo)簽有:
div p form table ul li h1-h6 header footer section aside article nav
行級元素特點:和其他元素共占一行闽撤、內(nèi)容決定高度、不能設(shè)置寬高
- 默認(rèn)display: inline;
- 常見標(biāo)簽有:
a em span strong label
行級塊元素特點: 和其他元素共占一行脯颜、內(nèi)容決定高度哟旗、能設(shè)置寬高
- 默認(rèn)display: inline-block;
- 常見標(biāo)簽有:
img cavas input video audio
- 注意多個行級塊元素在一起會有幾像素的間距,這個間距是文本分割符的間距栋操,由于編寫規(guī)范闸餐,一般我們都會換行編寫標(biāo)簽,所以就產(chǎn)生了幾像素的偏差矾芙。如果要去除這個偏差舍沙,在不影響子元素文字大小的情況下,可以在父級添加
font-size = 0;
或者不處理剔宪,到文件上線壓縮過后依然會去掉拂铡,但是在開發(fā)環(huán)境下就不好觀看了。
文本分隔符