display:block可以理解為塊。用個簡單的例子給你!比如你做乙個超連結,
超連結當你滑鼠移過去文字的時候,超連結有效果!
而當我把樣式這樣設定:
li a
滑鼠移到文字周圍100*100的地方,就有超連結效果了,就是把100*100做為一塊來的超連結!
display 的引數列表
display版本:css1/css2 相容性:ie4+ ns4+ 繼承性:無
語法:
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
引數:
block : css1 塊物件的預設值。用該值為物件之後新增新行
none : css1 隱藏物件。與visibility屬性的hidden值不同,其不為被隱藏的物件保留其物理空間
inline : css1 內聯物件的預設值。用該值將從物件中刪除行
compact : css2 分配物件為塊物件或基於內容之上的內聯物件
marker : css2 指定內容在容器物件之前或之後。要使用此引數,物件必須和:after及:before 偽元素一起使用
inline-table : css2 將**顯示為無前後換行的內聯物件或內聯容器
list-item : css1 將塊物件指定為列表專案。並可以新增可選專案標誌
run-in : css2 分配物件為塊物件或基於內容之上的內聯物件
table : css2 將物件作為塊元素級的**顯示
table-caption : css2 將物件作為**標題顯示
table-cell : css2 將物件作為**單元格顯示
table-column : css2 將物件作為**列顯示
table-column-group : css2 將物件作為**列組顯示
table-header-group : css2 將物件作為**標題組顯示
table-footer-group : css2 將物件作為**腳注組顯示
table-row : css2 將物件作為**行顯示
table-row-group : css2 將物件作為**行組顯示
說明:
設定或檢索物件是否及如何顯示。
目前 ie5.5僅支援以上css1的引數。
裡用display block的作用
是塊元素,那在布局時候,在div的元素裡面寫display block有用嗎?回答 對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。多羅嗦一句 display block 比較常用於這兩個標籤 因為這兩個標籤...
CSS中display block的作用介紹
是塊元素,那在布局時候,在div的元素裡面寫display block有用嗎?回答 對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。pqpathufhz 多羅嗦一句 display block 比較常用於 p...
css中 display block 的 用法
對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。display block 比較常用於這兩個標籤 因為這兩個標籤非塊元素,如果不用display block定義一下,那麼定義width height等和長寬相...