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

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 像素，与分辨率挂钩

    % 相对另一值的百分比