標籤:style http color strong width for re c
根據CSS規範的規定,每一個網頁元素都有一個display屬性,用於確定該元素的類型,每一個元素都有預設的display屬性值,比如div元素,它的預設display屬性值為“block”,成為“塊級”元素(block-level);而span元素的預設display屬性值為“inline”,稱為“行內”元素。
區塊層級元素:
動佔據一定矩形空間,可以通過設定高度、寬度、內外邊距等屬性,來調整的這個矩形的樣子;
行內元素:
自己的獨立空間,它是依附於其他區塊層級元素存在的,因此,對行內元素設定高度、寬度、內外邊距等屬性,都是無效的。
例子:
連結 a 元素,在預設情況下是是“行內元素”,因此對a元素設定高度、寬度等屬性,都是無效的。而比如div,p,li,img等預設情況下的display屬性值就是“block”。所以對於連結a來說只能這樣:display:block;強制將它改成塊元素。
看完概念看代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style>span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}</style><div style="background-color:#F60">Div預設為 block</div><span style="display:block;">加了block屬性</span><span style="display:block;">加了block屬性</span><span style="display:block;">加了block屬性</span><span>沒加block屬性</span><span>沒加block屬性</span><span>沒加block屬性</span>