CSS基础知识总结之颜色、单位

颜色

所有的颜色都可以由红、绿、蓝三原色调配而成。

CSS中用8位表示一个颜色，那么可以有2⁸即256种颜色，所以总共可以表示256*256*256种颜色。

CSS纵有多种颜色表示：

（1）十六进制形式

<p style="color: #ff0000">十六进制颜色</p>

（2）RGB颜色

<p style="color: RGB(256,0,0)">RGB颜色</p>

（3）RGBA（Alpha）颜色

在RGB的基础上增加了透明度分量，该分量的取值为0~1.0之间变化

<p style="color: RGBA(256,0,0,0.1)">RGB颜色</p>

（4）HSL

<p style="color: HSL(120,50%,50%)">HSL</p>

（5）HSLA

在HSL基础上进行颜色透明度的改变

<p style="color: HSLA(120,50%,50%,0.1)">HSLA</p>

（6）预定义颜色

CSS预定了一些常用的颜色。例如red、black。

单位

cm厘米，mm毫米，in（inch）英寸

px像素，绝对单位。

<td width="100px"></td>

%，相对单位。

<td width="30%"></td>

em，emphasize强调。<em> 标签是一个短语标签，用来呈现为被强调的文本。

vw,h1{font-size:4vw;}相对于视口的宽度。视口被均分为100单位的vw，如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100

vh，h2{font-size:4vh;}

上面说到了颜色的进制，那么我们就稍微简单的补充一些关于进制的一些知识

计数的方法：

    基，是某种计数方法的所需要的符号

其中二进制的符号为0和1，八进制的符号为0~7，十进制的符号为0~9，十六进制的符号为0~9，A,B,C,D,E,F(分别代表10,11,12,13,14,15)

   权，某位的“1”所代表的值。

  例如：145用十进制表示就是₁₀=1*10²+4*10¹+5*10⁰

            ^{八进制下145表示的是：}1*8²+4*8¹+5*8⁰=101

            十六进制下65显示的是：6*16¹+5*16⁰=101

当然这里面有很多知识，如果想具体的了解关于进制的一些问题可以去具体学习。