CSS 单位 % :百分比 cm:厘米 mm:毫米 em:1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如,如果某元素以 12pt 显示,那么 2em 是24pt。在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 ex:一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。) pt:磅 (1 pt 等于 1/72 英寸) px:像素(计算机屏幕上的一个点) pc:12 点活字 (1 pc 等于 12 点)
颜色
颜色名:颜色名称(例如,红色)
rgb(x,x,x):RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%):RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb:十六进制数 (比如 #ff0000)
CSS 颜色
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。
十六进制值使用三个双位数来编写,并以 # 符号开头。
十六进制颜色
CSS 颜色名
所有浏览器都支持的颜色名。
HTML 和 CSS 颜色规范中定义了 147 中颜色名(17 种标准颜色加 130 种其他颜色)。下面的表格中列出了所有这些颜色,以及它们的十六进制值。
注意:17 种标准色是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。
所有浏览器都支持十六进制颜色值。
十六进制颜色是这样规定的:#RRGGBB,其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。
举例说,#0000ff 值显示为蓝色,这是因为蓝色成分被设置为最高值(ff),而其他成分被设置为 0。
position:sticky(粘性定位)
设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。
•该元素并不脱离文档流,仍然保留元素原本在文档流中的位置。 •当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。亦即如果你设置了top: 50px,那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定,不再向上移动。 •元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素,如果祖先元素都不可以滚动,那么是相对于viewport来计算元素的偏移量。
position:fixed
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定,随视窗的改变而改变。(例如,最常见的广告窗)可以简单说fixed是特殊版的absolute,fixed元素总是相对于body定位的。