大部分div層都可以使用span標(biāo)記代替
Div是一個(gè)塊級元素,其包含的元素會(huì)自動(dòng)換行;span標(biāo)記是一個(gè)行內(nèi)標(biāo)記,其前后不會(huì)發(fā)生換行。
Div標(biāo)記可以包含span標(biāo)記元素,但span標(biāo)記一般不包含div標(biāo)記。
在網(wǎng)頁設(shè)計(jì)中,對于較大的塊可以使用div完成,而對于具有獨(dú)特樣式的單獨(dú)HTML元素,可以使用span標(biāo)記完成。
二、盒子模型
1.將網(wǎng)頁上每個(gè)HTML元素視為長方形的盒子,是網(wǎng)頁設(shè)計(jì)上的一大創(chuàng)新。
CSS中,所有頁面元素都包含在一個(gè)矩形框內(nèi),這個(gè)矩形框就稱為盒子。盒子描述了元素及屬性在頁面布局中所占空間大小,因此盒子可以影響其他元素的位置及大小。
2.盒子模型是由margin(邊界)、border(邊框)、padding(空白)和content(內(nèi)容)幾個(gè)屬性組成。
content(內(nèi)容):盒子模型中必需的部分,可以是文字、圖片等元素
padding(空白):也稱頁邊距或補(bǔ)白,用來設(shè)置內(nèi)容和邊框之間的距離
border(邊框):可以設(shè)置內(nèi)容邊框線的粗細(xì)、顏色和樣式等。
margin(邊界):外邊距,用來設(shè)置內(nèi)容與內(nèi)容之間的距離
一個(gè)盒子的實(shí)際高度(寬度)是由content+padding+border+margin組成。
可以通過設(shè)定width和height來控制content的大小,并且




