前端基础之十---关于文字和颜色

1、涉及到的长度单位

（1）px像素：这个是我们最常用的单位，我们屏幕就是一个一个像素点构成的，一个像素点就是一个像素。不同的屏幕一个像素的大小是不同的。

（2）百分比：当设置一个百分比时，浏览器会自动根据其父元素的属性来计算大小。优点是，当父元素的属性发生改变时，子元素按照比例相应改变。
        百分比相对的属性不一定（参考W3Cschool）：
         比如：改变子元素的字体大小，相对于父元素的字体大小。
         改变子元素的宽度，相对于父元素的宽度。
         改变子元素的长度，相对于父元素的长度。

（3）em: em和百分比很像，1em=自身的字体大小，
        但是注意的是，em永远相对于自身的字体大小。
        em主要用来为文字设置大小。

2、颜色单位

在css中设置颜色有多种方式，

第一种方式：用颜色的对应的英文单词表示一种颜色。局限是：我们需要记住大量颜色的单词，而且使用英文单词

也不能完全描述所有的颜色。

第二种方式：使用RGB（红绿蓝）值的形式设置颜色。使用如下形式设置rgb值：

rgb（红色的浓度，绿色的浓度，蓝色的浓度）

每种颜色的浓度是从0~255

除了写数值，也可以使用百分比来编写rgb值。范围是0~