5680.net

HTML元素可分為兩大類;內(nèi)聯(lián)元素和塊級元素.二者在顯示方式上是不同的.
內(nèi)聯(lián)元素是在水平方向上一個攔一個排列的,元素前后不產(chǎn)生換行,元素間的水平間距可以通過水平方向上的填充,邊框和間距來控制,覺的strong,span等就屬于內(nèi)聯(lián)元素,需要注意的是,豎直方向上的填充,邊框和間距對控制內(nèi)聯(lián)元素的高度是不起作用的,水平方向的一行將構(gòu)成一個所謂的line box,這是一個邏輯上的概念,line box是一個虛擬的矩形區(qū)域,包含了組成這行的所有內(nèi)聯(lián)元素,其高度本行內(nèi)所有內(nèi)聯(lián)元素內(nèi)容完全顯示出來,盡管瀏覽器自動計算內(nèi)聯(lián)元素高度,我們還是可以通過設(shè)置line-height屬性的值來改變元素的高度.

塊級元素是在豎址方向上一個接一排列的,元素前后均產(chǎn)生換行,豎直方向上元素之間的距離可以用上下邊距來控制,注意豎直方向的邊距會產(chǎn)生重疊,其間距值取相鄰元素中邊距較大的那一個,常見p,div等都是塊級元素,這些元素的內(nèi)容都 是以塊的形式顯示在瀏覽器中,
內(nèi)聯(lián)元素和塊級元素各自遵循著不同的顯示方式,這就構(gòu)成了html的文檔流,文檔的內(nèi)容被比喻為流,文檔中的元素可以隨波流,也可以脫離流,漂浮在其上,如果你沒有為元素設(shè)定附加css屬性,那么元素將按照它在html代碼中出現(xiàn)的順序一個挨著一地排列.