positi樣式屬性

2021-09-29 02:49:55 字數 456 閱讀 2462

一、static

二、fixed

三、relative

四、absolute

position樣式屬性是用於定義建立元素布局所用的定位型別,該屬性有多個屬性值,主要有四個:static、relative、fixed、absolute。

static: 預設值。沒有定位.

relative: 生成相對定位的標籤

fixed: 生成絕對定位的標籤,相對於瀏覽器視窗進行定位,此時元素不會隨著滾動調的滑動而滑動。元素通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行定位。

absolute:生成絕對定位的標籤,相對於標籤本身第乙個position為非 static父元素進行定位。標籤通過 「left」, 「top」, 「right」 以及 「bottom」 樣式屬性進行定位。該標籤的父標籤通常設定position樣式屬性值為relative進行定位。

HTML樣式布局css屬性之position定位

屬性 position 定位 上圖是官方的介紹,在實際使用的時候可以通過提示看到還有許多的值可選,例如 ms page ms device fixed webkit sticky initial sticky unset等。1 fixed 英譯 固定的 在官方的介紹中其位置是相對於瀏覽器視窗來定位的...

CSS字型樣式屬性和外觀樣式屬性

1css字型樣式屬性 1.1font size 字型大小大小 font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。具體如下 1.2 font family 字型 font family...

CSS樣式屬性

position用來設定元素的定位型別,有absolute 絕對定位 relative 相對定位 static 靜態定位,預設值 fixed 固定定位 四種。static 預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置 static 元素會忽略任何 top bottom lef...