CSS3中各種定位屬性

2021-10-04 06:43:58 字數 608 閱讀 3740

定位:position

static 預設值,設定座標無效

absolute 絕對定位

特徵:1:脫離文件流,不佔位置

2: 預設參考html的00點(瀏覽器零點)

3: 如果有父級,且父級有定位,那就參考父級元素(預設定位除外) 相當於給子元素指定了參考物

座標位置 :

水平 left right

垂直top bottom

relative: 相對定位

特徵:1: 佔據文件流,佔位置

2: 參考自身載入在頁面中的位置

absolute 絕對定位

1: 不佔據位置,脫離文件流

2: 預設參考html元素(瀏覽器)改變在頁面中的位置,假如有定位父級,則參考父級元素

fixed: 固定定位

特徵:1: 脫離文件流,不佔位

2: 元素固定在頁面中不隨著頁面滾動而滾動

3: 參考瀏覽器的00點

sticky: 粘性定位

特徵:1: 頁面達到一定高度時,脫離文件流

2: 效果是吸附瀏覽器頂部

z-index:層級;

有定位的元素才可以修改層級關係

css3各種屬性的總結

1 css3屬性具有相容性,不相容ie9以下瀏覽器,ie9部分相容。2 各大瀏覽器的核心相容寫法?核心是瀏覽器的核心,作用是渲染頁面 ie ms 火狐 moz 歐朋 o 谷歌 webkit 3 css3屬性和標籤更主要是用在移動端 4 文字陰影text shadow x y blur color,引...

CSS3中的屬性

讓邊框變成圓角 border radius 100px border radios 10px 20px 30px 40px transform rotate 45deg retate是順時針旋轉角度 transform translate 50px,100px 把元素從左側移動 50 畫素,從頂端移...

CSS3中定位網頁元素

一.position屬性定位網頁元素 1.static 預設值,沒有定位。按照標準文件流的方式提現出來 2.relative 相對定位,相對於自身元素原來的位置進行定位 注意 當top的值為正值時向下移動 當為負值時向上移動 當left的值為正值時向右移動 當為負值時向左移動 相對定位的規律 1.設...