1. 程式人生 > >6th week blog

6th week blog

pin 像素 right 相同 html sticky 尺寸 ont pixel

1.CSS單位px,em,fr,rem的比較

px:相對長度單位。像素(Pixels),計算機屏幕上的一個點。

em:相對長度單位。相對於當前對象內文本的字體尺寸。1em等於當前的字體尺寸,2em等於當前字體尺寸的兩倍。

fr:剩余空間分配數。被用於在一系列長度值中分配剩余空間,如果多個已指定了多個部分,則剩下的空間根據各自的數字按比例分配。

rem:相對長度單位。相對於HTML元素font-size計算值的倍數。

2.CSS顏色表示法

①顏色名表示

如black,pink。

②RGB表示

RGB顏色值指定:RGB(紅,綠,藍)。每個參數定義顏色的亮度,可在0和255之間,或一個百分比值的整數。

③16進制表示

#所有值介於0和FF之間。

3.position屬性sticky

①position:sticky;

粘性定位的元素基於用戶的滾動,在relative於fixed定位之間切換,表現為在跨越特定閾值前為相對定位,之後為固定定位。須指定top,right,bottom或left四個閾值其中之一,才可使粘性定位生效,否則其行為與相對定位相同。

②與fixed比較

fixed:常用於創建在滾動屏幕時仍固定在相同位置的元素。

sticky:跨越特定閾值前為相對定位,之後為固定定位。

6th week blog