在使用css時,我們需要通過標簽選取元素并對其進行樣式設置,在選擇元素時,標簽不僅僅代表元素的類型,還可以反映出元素在文檔中所處的位置,而這個位置信息是非常重要的,因為在一般情況下,如果沒有特別的約束條件,瀏覽器會根據標簽的位置來確定元素的顯示效果。
在css中,我們可以使用以下幾種位置樣式屬性對標簽進行位置約束,即:
position: static; position: relative; position: absolute; position: fixed;
其中,position: static是元素默認的定位方式,也就是標準流定位,元素的位置不受其他樣式的影響,可以隨著文檔流自動調整位置。
position: relative則是相對定位,元素的位置可以根據top、bottom、left、right等屬性進行微調,不會影響其他元素的位置。
position: absolute是絕對定位,元素的位置相對于最近的“position: relative”、 “position: absolute”或“position:fixed”祖先元素進行定位,如果沒有這樣的祖先元素,則相對于文檔進行定位。
position: fixed是固定定位,元素的位置相對于瀏覽器窗口進行定位,與文檔流無關。
除此之外,我們還可以使用z-index屬性控制元素的層級,值越大則越靠上面,也可以使用float屬性對元素進行浮動,使其可以脫離文檔流并在頁面中任意位置顯示。
上一篇css標簽制作方法