CSS重点整理

01.长度单位

        1.像素 px  

            像素就是电脑屏幕上一个个发光的小点，我们的眼睛是看不出来的。

            像素是我们pc端最常用的一个单位，它是一个固定单位。

        2.百分比 %

            是父元素的宽高百分比，百分比是一个相对单位，会随着父元素的宽高变换而变化

            一般情况下，做流式布局较多。

        3.em

            也是一个相对元素，相当于当前元素的字体大小来计算最终的大小.

            也就是1em=1个font-size.如果当前的元素没有设置字体大小，

            那么会继承祖先元素的字体大小，

            最终继承到html默认的字体大小,是16px

        4.rem

            r   --root   根

            也是一个相对单位，相对于根标签html的字体大小来计算最终大小

            也就是1rem=1个html的font-size

        5.vw、vh

02.颜色单位

    1：在css可以直接使用颜色的单词来表示不同的颜色

        red,green,yellow,blank等

        缺点：颜色单词太多，不好描述。

    2：使用RGB值来表示不同的颜色

        rgb(红色，绿色，蓝色)

        颜色的值 0-255之间   0最小 ，255最大

        直接用电脑或插件可以吸取颜色的比值，截图状态下可以吸取颜色

    3：RGBA

        rgba（red，green，blue，alpha）；

        alpha 透明度 0-1之间设置透明度 0是透明 ，1是不透明

    4：使用十六进制的rgb值来表示颜色，原理和rgb一样

        十六进制：0-9abcdef，

        00表示最小，代替0-255的0，ff表示最大，代替0-255的255

        用十六进制的值分别表示红色，绿色，蓝色的浓度（6位数，一种颜色2位）

        语法：#ff0000，像这样两两重复的表示，可以省略一位，简写成#f00.#f0f0f0这种不可省略

    5:HSL值（H - 色相 0-360，S - 饱和度 0-100%，L - 亮度 0-100%）

        HSLA值 ，A是alpha透明度 0-1之间

03.字体的分类

在网页中将字体分成5大类：

          serif  ['serif]（衬线字体）

          sans-serif（非衬线字体）

          monospace （等宽字体）

          cursive ['kə:siv]（草书字体）