6th week blog

Posted 2021-01-12 renee87

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：跨越特定阈值前为相对定位，之后为固定定位。