码迷,mamicode.com
首页 > 其他好文 > 详细

6th week blog

时间:2018-10-13 18:17:27      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:基于   位置   比较   size   尺寸   html元素   否则   ack   html   

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

标签:基于   位置   比较   size   尺寸   html元素   否则   ack   html   

原文地址:https://www.cnblogs.com/renee87/p/9783537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!