一、什么是行內(nèi)和塊級元素蜒谤?
1.行內(nèi)元素也叫內(nèi)聯(lián)元素,和其他元素在同一行至扰,對其設(shè)置寬高以及垂直方向的內(nèi)外邊距不起作用鳍徽,寬度只與內(nèi)容有關(guān)。行內(nèi)元素只能容納文本或者其他行內(nèi)元素敢课。
2.塊級元素獨占一行阶祭,可設(shè)置寬高、行高及內(nèi)外邊距直秆,寬度默認與父元素一致濒募,它可以容納內(nèi)聯(lián)元素和其他塊級元素。
二圾结、有哪些常見的行內(nèi)瑰剃、塊級元素?
行內(nèi)元素:span / img/ ?a / label / input ?/em / abbr / big ?/cite / i / q / textarea / select / small / sub / sup / strong / u ?/button
塊級元素:div/ p/ h1-h6/ ul / ol /dl /li /dd/ table/ hr/ address/ menu/ pre /header/section/aside /footer等
三筝野、行內(nèi)元素與塊級元素的轉(zhuǎn)換
1.行內(nèi)元素默認的dispaly屬性值為inline,若想讓它轉(zhuǎn)換為塊級元素晌姚,獨占一行,則設(shè)置display 屬性值為block.
2歇竟。塊級元素默認的dispaly屬性值為block,若想讓它轉(zhuǎn)換為內(nèi)聯(lián)元素挥唠,在一行顯示,則設(shè)置display 屬性值為inline.
ps:display:none;表示元素不顯示途蒋,且不占據(jù)頁面空間猛遍;display:inline-block;使元素既具有寬高特性,又具有同行特性号坡。