6th week blog
阿新 • • 發佈:2018-10-13
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