初识CSS--常用元素总结(一)-元素选择器-颜色-尺寸

"*" 通用选择器，选择所有的元素

"<type>" 元素选择器，选择指定类型的元素

"#<id>" id选择器，选择指定id的元素

".<calss>" 类选择器，选择指定类的元素

[attr]系列 属性选择器，选择指定attr属性的元素

s1,s2,s3.... 分组选择器，选取多个分组的元素

s1 s2 后代选择器，选取指定选择器的后代

s1>s2 子选择器，选择指定选择器的子元素

s1+s2 相邻兄弟选择器，选择指定元素的相邻元素

s1~s2 普通选择器，选择指定选择器后边的元素

::first-line 伪类选择器，选择块级元素文本的首行

::first-letter 伪类选择器，选择块级元素文本的首字母

::after 伪类选择器，选择元素后插入内容

::before 伪类选择器，选择元素前插入内容

十六进制以及对应颜色名：

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颜色模型：透明度，色相，饱和度，亮度

绝对单位：指定了固定长度，无法动态的改变

in 英寸           1英寸 = 2.54厘米

cm 厘米           1厘米 = 0.01米

mm 毫米           1毫米 = 0.1厘米 = 0.001米

pt 磅             1磅 = 0.035厘米

相对单位：指定的并不是一个可量化的固定长度，而是和页面中的元素长度相关，可以根据其他元素的变化而相应的改变

em 与元素字号挂钩

ex 与元素字体的“x 高度”挂钩

rem 与根元素的字号挂钩

px 像素，与分辨率挂钩

% 相对另一值的百分比