對于HTMl中的一些小疑惑,在這里進(jìn)行解析一下。
一、div的理解
DIV是基于行,就是一個(gè)div占據(jù)一行,不會讓別的元素,和自己同行。
span不是基于行的,就是一個(gè)span哪里有空哪里專,不會單獨(dú)占用一行。
二、Float理解
Float:Css樣式的float浮動(dòng)屬性,用于設(shè)置標(biāo)簽對象(如:<div>標(biāo)簽盒子、<span>標(biāo)簽、<a>標(biāo)簽、<em>標(biāo)簽等html標(biāo)簽)的浮動(dòng)布局
DIV在float之后就失去了本個(gè)div基于行的性質(zhì)。下一個(gè)元素的東西會移動(dòng)過來。
float:right
關(guān)于兩個(gè)div占據(jù)同一行的解決方法:http://www.tuicool.com/articles/fMneyuz
三、Margin 理解
①盒子模型:對于盒子模型的理解:
來一個(gè)明了的圖。
一個(gè)div-c浮動(dòng)之后就不屬于div-a的成員了。
div浮動(dòng)之后的margin的計(jì)算,是按照與自己靠近的元素為基礎(chǔ)的。
②Margin英文解釋:是某個(gè)對象的外延
Margin說明
margin是設(shè)置對象外邊距外延邊距離(里面元素到外右的距離)。而不是距離別的某個(gè)元素的距離。
margin的值有三種情況,可以為正整數(shù)和負(fù)整數(shù)并加單位如PX像素(margin-left:20px);可以為auto自動(dòng)屬性(margin-left:auto自動(dòng));可以為百分比(%)值(margin-left:3%)。
Margin延伸(單獨(dú)設(shè)置四邊間距屬性單詞)
margin-left對象左邊外延邊距 (margin-left:5px; 左邊外延距離5px)
margin-right對象右邊外延邊距 (margin-right:5px; 右邊外延距離5px)
margin-top對象上邊外延邊距 (margin-top:5px; 上邊外延距離5px)
margin-bottom對象下邊外延邊距 (margin-bottom:5px; 下邊外延距離5px)
同一個(gè)對象在外延距離遇到別的元素(不一定同一個(gè)元素)的時(shí)候會進(jìn)行移動(dòng),來使我們的外延距離達(dá)到我們的要求。
這里僅僅是自己的幾個(gè)只是疑惑點(diǎn)。如了解具體的可以去查詢相關(guān)的API。