在做頁(yè)面布局的時(shí)候，一般會(huì)將html元素分為兩種，即塊級(jí)元素和行內(nèi)元素一塊級(jí)元素block element 每個(gè)塊級(jí)元素默認(rèn)占一行高度，一行內(nèi)添加一個(gè)塊級(jí)元素后無(wú)法一般無(wú)法添加其他元素float浮動(dòng)后除外兩個(gè)塊級(jí)元素連續(xù)；行內(nèi)元素 行內(nèi)塊元素和塊級(jí)元素的屬性基本一致可以設(shè)高寬邊距不同在于它允許左右存在元素而塊級(jí)元素就算只有1px也不允許有元素和它共享一行那么如果它們內(nèi)嵌塊級(jí)元素會(huì)怎么樣呢，html結(jié)構(gòu)如下 我們可以改變 里面的；直接轉(zhuǎn)換即可，如下 塊變內(nèi)聯(lián) 內(nèi)聯(lián)變塊 內(nèi)聯(lián)元素inline element一般都是基于語(yǔ)義級(jí)semantic的基本元素內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素，常見(jiàn)內(nèi)聯(lián)元素quotaquot塊元素block element和內(nèi)聯(lián)元素inline element都是h。

最明顯的區(qū)別就是塊級(jí)元素會(huì)自動(dòng)換行，而行內(nèi)元素不會(huì)自動(dòng)換行行內(nèi)元素一般是內(nèi)容的容器，而塊級(jí)元素一般是其他容器的容器一般情況下，行內(nèi)元素只能包含內(nèi)容或者其它行內(nèi)元素，寬度和長(zhǎng)度依據(jù)內(nèi)容而定，不可以設(shè)置；一塊級(jí)元素block element 每個(gè)塊級(jí)元素默認(rèn)占一行高度，一行內(nèi)添加一個(gè)塊級(jí)元素后無(wú)法一般無(wú)法添加其他元素float浮動(dòng)后除外兩個(gè)塊級(jí)元素連續(xù)編輯時(shí)，會(huì)在頁(yè)面自動(dòng)換行顯示塊級(jí)元素一般可嵌套塊級(jí)元素或行內(nèi)元素；它們的區(qū)別主要有以下幾點(diǎn)1CSS有個(gè)屬性叫做display，其取值可以為inlineblockW3CSchool中說(shuō)display 屬性規(guī)定元素應(yīng)該生成的框的類型2displayinlineblock可以讓元素具有塊級(jí)元素和行內(nèi)元素的特性既可以設(shè)置長(zhǎng)寬。

給相對(duì)應(yīng)的超鏈接設(shè)置行內(nèi)塊元素的話，你可以在相對(duì)應(yīng)的PPT的整體設(shè)計(jì)上面設(shè)計(jì)超鏈接的入口，然后將超鏈接的入口轉(zhuǎn)到行內(nèi)所進(jìn)行設(shè)計(jì)好了的一部分PPT，然后再進(jìn)行超鏈接的運(yùn)行的過(guò)程中就可以將超鏈接設(shè)置為行內(nèi)塊元素，這樣；行內(nèi)塊元素的特點(diǎn)特殊 結(jié)合行內(nèi)元素和塊級(jí)元素的特點(diǎn) Html樣式ltinput type=quottextquot value=quot行內(nèi)塊元素1quot ltinput type=quottextquot value=quot行內(nèi)塊元素2quot 為滿足各種需求，利用display進(jìn)行轉(zhuǎn)換=塊級(jí)元素；在HTML和CSS中，并沒(méi)有直接的方法將元素類型轉(zhuǎn)換為內(nèi)聯(lián)元素內(nèi)聯(lián)元素和塊級(jí)元素是HTML中的兩種基本元素類型，它們具有不同的顯示特性和布局行為內(nèi)聯(lián)元素通常用于包含文本圖像鏈接等簡(jiǎn)單的元素，它們不會(huì)獨(dú)占一行，而是；div可以通過(guò)設(shè)置display屬性為inlineblock或者inline來(lái)轉(zhuǎn)換成行內(nèi)塊標(biāo)簽div是HTML中常用的塊級(jí)元素，它默認(rèn)情況下會(huì)在頁(yè)面中獨(dú)占一行，即使內(nèi)容很少也是如此但是在某些場(chǎng)合下，我們需要讓div元素像行內(nèi)元素一樣排列，并且；一 · 塊級(jí)元素特點(diǎn)1每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行2元素的高度寬度行高以及頂和底邊距都可設(shè)置二 內(nèi)聯(lián)元素特點(diǎn)1和其他元素都在一行上2元素的高度寬度及頂部和底部。

塊元素block elementaddress 地址 blockquote 塊引用 center 舉中對(duì)齊塊 dir 目錄列表 div 常用塊級(jí)容易，也是css layout的主要標(biāo)簽 dl 定義列表 fieldset form控制組 form 交互表單 h1 大；HTML 中的塊級(jí)元素標(biāo)簽?zāi)軐?shí)現(xiàn)換行是因?yàn)樗鼈兊哪J(rèn)顯示方式是在前后帶有換行符的塊級(jí)元素可以包含行內(nèi)元素塊級(jí)元素，行內(nèi)元素只能包含文本和其他行內(nèi)元素img 標(biāo)簽的行為表現(xiàn)為行內(nèi)塊，不能換行但可以設(shè)置寬高 如果；塊級(jí)元素各占據(jù)一行，垂直方向排列塊級(jí)元素從新行開始結(jié)束接著一個(gè)斷行2塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素行內(nèi)元素不能包含塊級(jí)元素3行內(nèi)元素與塊級(jí)元素屬性的不同，主要是盒模型屬性上 行內(nèi)元素設(shè)置width；塊級(jí)元素 獨(dú)占一行，對(duì)寬高的屬性值生效如果不給寬度，塊級(jí)元素就默認(rèn)為瀏覽器的寬度，即就是100%寬行內(nèi)元素 可以多個(gè)標(biāo)簽存在一行，對(duì)寬高屬性值不生效，完全靠?jī)?nèi)容撐開寬高其中還有一種結(jié)合兩種模式有點(diǎn)的。