1. 选择器
"*" 通用选择器,选择所有的元素
"<type>" 元素选择器,选择指定类型的元素
"#<id>" id选择器,选择指定id的元素
".<calss>" 类选择器,选择指定类的元素
[attr]系列 属性选择器,选择指定attr属性的元素
s1,s2,s3.... 分组选择器,选取多个分组的元素
s1 s2 后代选择器,选取指定选择器的后代
s1>s2 子选择器,选择指定选择器的子元素
s1+s2 相邻兄弟选择器,选择指定元素的相邻元素
s1~s2 普通选择器,选择指定选择器后边的元素
::first-line 伪类选择器,选择块级元素文本的首行
::first-letter 伪类选择器,选择块级元素文本的首字母
::after 伪类选择器,选择元素后插入内容
::before 伪类选择器,选择元素前插入内容
2. 颜色和度量单位
颜色:
表现方式主要有三种:颜色的名称,十六进制数,十进制数。
十六进制以及对应颜色名:
black #000000 0,0,0 黑色
silver #c0c0c0 192,192,192 银灰色
gray #808080 128,128,128 灰色
white #ffffff 255,255,255 白色
maroon #800000 128,0,0 栗色
red #ff0000 255,0,0 红色
purple #800080 128,0,128 紫色
fuchsia #ff00ff 255,0,255 紫红
green #008000 0,128,0 绿色
lime #00ff00 0,255,0 闪光绿
olive #808000 128,128,0 橄榄色
yellow #ffff00 255,255,0 黄色
navy #000080 0,0,128 海军蓝
blue #0000ff 0,0,255 蓝色
teal #008080 0,128,128 水鸭色
aqua #00ffff 0,255,255 浅绿色
十进制用法:
rgb(r,g,b) RGB颜色模型:红,绿,蓝
argb(a,r,g,b) ARGB颜色模型:透明度,红,绿,蓝
hsl(h,s,l) HSL颜色模型:色相,饱和度,亮度
hsla(h,s,l,a) AHSL颜色模型:透明度,色相,饱和度,亮度
可以根据自己的需要进行调配
附 : w3c颜色名表
度量单位:
主要分为绝对单位和相对单位:
绝对单位:指定了固定长度,无法动态的改变
in 英寸 1英寸 = 2.54厘米
cm 厘米 1厘米 = 0.01米
mm 毫米 1毫米 = 0.1厘米 = 0.001米
pt 磅 1磅 = 0.035厘米
相对单位:指定的并不是一个可量化的固定长度,而是和页面中的元素长度相关,可以根据其他元素的变化而相应的改变
em 与元素字号挂钩
ex 与元素字体的“x 高度”挂钩
rem 与根元素的字号挂钩
px 像素,与分辨率挂钩
% 相对另一值的百分比