8.3
1、塊級(jí)元素如何轉(zhuǎn)換為行級(jí)元素屹篓?行級(jí)元素如何轉(zhuǎn)換為塊級(jí)元素疙渣?行級(jí)元素如何轉(zhuǎn)換為行內(nèi)塊元素?
2堆巧、談?wù)剬?duì)html語義化的理解妄荔。
可以通過display: inline-block設(shè)置為塊轉(zhuǎn)行內(nèi)元素。
可以通過display:block谍肤,float- 啦租,position(absolute和fixed),設(shè)置行轉(zhuǎn)塊級(jí)元素
塊元素
body from select textarea h1-h6 html table button hr p ol ul dl cnter div
特征:
自成一行
可定義寬高
行內(nèi)元素
heda meat title lable span br a style em b i strong
特征:
自適應(yīng)寬高,不可定義寬高
多個(gè)標(biāo)簽自動(dòng)在一行
行內(nèi)塊元素:
img input
特征:
自動(dòng)在一行
可定義寬高
相互轉(zhuǎn)換:
塊->行內(nèi):display:inline;
行內(nèi)->塊:display:block;
塊,行內(nèi)->行內(nèi)塊:display:inline-block;
2荒揣、什么是HTML語義化篷角?
<基本上都是圍繞著幾個(gè)主要的標(biāo)簽,像標(biāo)題(H1~H6)系任、列表(li)恳蹲、強(qiáng)調(diào)(strong em)等等>
根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析俩滥。