CSS定位機制簡介 一切皆為框
div、h1或p元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內(nèi)容,即“塊框"。與之相反,span、strong等元素稱為“行內(nèi)元素”,這是因為它們的內(nèi)容顯不在行中,即“行內(nèi)框”。
可以使用display屬性改變生成的框的類型。這意味著,通過將display屬性設(shè)置為block,可以讓行內(nèi)元素(如<a>元素)表現(xiàn)得像塊級元素一樣。還可以把display設(shè)置為none,讓生成的元素根本沒有框a這樣的話,該框及其所有內(nèi)容就不再顯示,不占用文檔中的空間。
有一種情況,即使沒有進行顯式定義,也會創(chuàng)建塊級元素。當(dāng)一些文本添加到一個塊級元素(如div)的開頭時,即使沒有把這些文本定義為段落,它也會被當(dāng)作段落對待。
<div>
some text
<p>Some more text.</p>
</div>
在這種情況下,這個框稱為無名塊框,因為它不與專門定義的元素相關(guān)聯(lián)。
塊級元素的文本行也會發(fā)生類似的情況。假設(shè)有一個包含三行文本的段落,每行文本形成一個無名框。無法直接對無名塊或行框應(yīng)用樣式,因為沒有可以應(yīng)用樣式的地方(注意,行框和行內(nèi)框是兩個概念)。但是,這有助于理解在屏幕上看到的所有東西都形成某種框。
點擊加載更多評論>>