Position?屬性：規(guī)定元素的定位類型。即元素脫離文檔流的布局，在頁面的任意位置顯示。

①absolute?：絕對定位；脫離文檔流的布局，遺留下來的空間由后面的元素填充。定位的起始位置為最近的父元素(postion不為static)，否則為Body文檔本身。

②relative?：相對定位；不脫離文檔流的布局，只改變自身的位置，在文檔流原先的位置遺留空白區(qū)域。定位的起始位置為此元素原先在文檔流的位置。

③fixed?：固定定位；類似于absolute，但不隨著滾動條的移動而改變位置。

④static?：默認值；默認布局。

position屬性只是使元素脫離文檔流，要想此元素能按照希望的位置顯示，就需要使用下面的屬性(position:static不支持這些)：

①left?： 表示向元素的左邊插入多少像素，使元素向右移動多少像素。

②right?：表示向元素的右邊插入多少像素，使元素向左移動多少像素。

③top?：表示向元素的上方插入多少像素，使元素向下移動多少像素。

④bottom?：表示向元素的下方插入多少像素，使元素向上移動多少像素。

上面屬性的值可以為負，單位：px 。

?

CSS top 屬性

top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

注釋：如果 "position" 屬性的值為 "static"，那么設置 "top" 屬性不會產生任何效果。

值描述

auto	默認值。通過瀏覽器計算上邊緣的位置。
%	設置以包含元素的百分比計的上邊位置。可使用負值。
length	使用 px、cm 等單位設置元素的上邊位置。可使用負值。
inherit	規(guī)定應該從父元素繼承 top 屬性的值。

為所有需要相對父容器居中對齊的塊級元素設置“margin: auto;”，并且還要設置父容器的 "text-align: center;"使標簽按鈕居中顯示。

注意觀察當對H1標簽使用font-weight特性時是無效的還是使用默認的font-weight:bold;屬性

?

轉載于:https://www.cnblogs.com/zhongyudengdaoyinghuahuimou/p/6854326.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的basic knowledge的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。