CSS介紹:
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供化德網(wǎng)站建設(shè)、化德做網(wǎng)站、化德網(wǎng)站設(shè)計、化德網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、化德企業(yè)網(wǎng)站模板建站服務,十年化德做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務。
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
position屬性:
position 的常見四個屬性值: relative,absolute,fixed,static。一般都要配合"left"、"top"、"right" 以及 "bottom" 屬性使用。
屬性的作用:
static:默認位置
在一般情況下,我們不需要特別的去聲明它,但有時候遇到繼承的情況,我們不愿意見到元素所繼承的屬性影響本身,從而可以用Position:static取消繼承,即還原元素定位的默認值。設(shè)置為 static 的元素,它始終會處于頁面流給予的位置(static 元素會忽略任何 top、 bottom、left 或 right 聲明)。不常用。
relative:相對定位
相對定位是相對于元素默認的位置的定位,它偏移的 top,right,bottom,left 的值都以它原來的位置為基準偏移,而不管其他元素會怎么 樣。注意 relative 移動后的元素在原來的位置仍占據(jù)空間。
absolute:絕對定位
設(shè)置為 absolute 的元素,如果它的 父容器設(shè)置了 position 屬性,并且 position 的屬性值為 absolute 或者 relative,那么就會依據(jù)父容器進行偏移。如果其父容器沒有設(shè)置 position 屬性,那么偏移是以 body 為依據(jù)。注意設(shè)置 absolute 屬性的元素在標準流中不占位置。
fixed:固定定位
位置被設(shè)置為 fixed 的元素,可定位于相對于瀏覽器窗口的指定坐標。不論窗口滾動與否,元素都會留在那個位置。它始終是以 body 為依據(jù)的。 注意設(shè)置 fixed 屬性的元素在標準流中不占位置。
以上就是position的幾個屬性的作用分別是什么的詳細內(nèi)容,更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章!