前端7班 張廣慧
對(duì)于零基礎(chǔ)的我冶匹,這是一個(gè)全新領(lǐng)域,技術(shù)博客從未寫過(guò)叙谨,技術(shù)文章鮮有涉及。從今天開始就在這里記錄我學(xué)習(xí)前端的點(diǎn)滴保屯,和大家一起分享知識(shí)交流學(xué)習(xí)心得唉俗。
昨天課上有一個(gè)遺留問(wèn)題,關(guān)于塊級(jí)元素和內(nèi)聯(lián)元素的概念區(qū)別配椭,整理如下:
塊級(jí)元素(block element)也稱塊元素,是html規(guī)范中的概念雹姊。與內(nèi)聯(lián)元素對(duì)應(yīng)股缸。
特點(diǎn):
1,總是在新行上顯示吱雏;
2敦姻,高度,行高以及外邊距和內(nèi)邊距都可控歧杏;
3镰惦,寬度缺省是它的容器的100%,除非設(shè)定一個(gè)寬度犬绒;
4旺入,可以容納內(nèi)聯(lián)元素和其他塊級(jí)元素。
內(nèi)聯(lián)元素(inline element)也稱行內(nèi)元素,也是html規(guī)范中的概念茵瘾。與塊級(jí)元素對(duì)應(yīng)礼华。
特點(diǎn):
1,和其他元素都在一行上拗秘;
2圣絮,高度、行高和頂以及底邊距都不可改變雕旨;
3扮匠,寬度就是它的文字或圖片的寬度,不可改變凡涩;
4棒搜,基于語(yǔ)義級(jí)的基本元素,只能容納文本或者其他內(nèi)聯(lián)元素突照,通常被包括在塊級(jí)元素中使用帮非。
說(shuō)明:當(dāng)加入了CSS控制以后,塊級(jí)元素和內(nèi)聯(lián)元素的這種屬性差異就不成為差異了讹蘑。如:內(nèi)聯(lián)元素加上display:block這樣的屬性末盔,即可以有每次都從新行開始的屬性,成為塊級(jí)元素座慰;同樣陨舱,塊級(jí)元素加上display:inline這樣的屬性,即可以讓它在一行上排列版仔。
注:知識(shí)來(lái)源參考”百度“游盲。