Position 屬性:規定元素的定位類型。即元素脫離文檔流的佈局,在頁面的任意位置顯示。 ①absolute :絕對定位;脫離文檔流的佈局,遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素(postion不為static),否則為Body文檔本身。 ②relative :相對定位;不脫 ...
Position 屬性:規定元素的定位類型。即元素脫離文檔流的佈局,在頁面的任意位置顯示。
①absolute :絕對定位;脫離文檔流的佈局,遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素(postion不為static),否則為Body文檔本身。
②relative :相對定位;不脫離文檔流的佈局,只改變自身的位置,在文檔流原先的位置遺留空白區域。定位的起始位置為此元素原先在文檔流的位置。
③fixed :固定定位;類似於absolute,但不隨著滾動條的移動而改變位置。
④static :預設值;預設佈局。
position屬性只是使元素脫離文檔流,要想此元素能按照希望的位置顯示,就需要使用下麵的屬性(position:static不支持這些):
①left : 表示向元素的左邊插入多少像素,使元素向右移動多少像素。
②right :表示向元素的右邊插入多少像素,使元素向左移動多少像素。
③top :表示向元素的上方插入多少像素,使元素向下移動多少像素。
④bottom :表示向元素的下方插入多少像素,使元素向上移動多少像素。
上面屬性的值可以為負,單位:px 。
CSS top 屬性
top 屬性規定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
註釋:如果 "position" 屬性的值為 "static",那麼設置 "top" 屬性不會產生任何效果。
值 | 描述 |
---|---|
auto | 預設值。通過瀏覽器計算上邊緣的位置。 |
% | 設置以包含元素的百分比計的上邊位置。可使用負值。 |
length | 使用 px、cm 等單位設置元素的上邊位置。可使用負值。 |
inherit | 規定應該從父元素繼承 top 屬性的值。 |
為所有需要相對父容器居中對齊的塊級元素設置“margin: auto;”,並且還要設置父容器的 "text-align: center;"使標簽按鈕居中顯示。
註意觀察當對H1標簽使用font-weight特性時是無效的還是使用預設的font-weight:bold;屬性