HTML
长度单位
1. dx（像素）
- 像素是我们在网页中使用的最多的一个单位，一个像素就相当于我们屏幕中的一个小点，我们的屏幕实际上就是由这些像素点构成的，但是这些像素点，是不能直接看见。
- 不同显示器一个像素的大小也不相同，显示效果越好越清晰，像素就越小，反之像素越大。
.box {
width: 200px;
height:200px;
background-color: aquamarine;
}
2. % （百分比）
- 也可以将单位设置为一个百分比的形式，这样浏览器将会根据其父元素的样式计算该值
- 使用百分比的好处是，当父元素的属性值发生变化时，子元素也会按照比例发生改变
- 在我们创建一个自适应的页面时，经常使用百分比作为单位
.box1 {
width: 50%;
height: 50%;
background-color: yellow;
}
3. em
-
em和百分比类似，它是相对于当前元素的字体大小来计算的 1em = 1font-size- 使用
em时，当字体大小发生改变时，em也会随之改变 - 当设置字体相关的样式时，经常会使用
em
.box1 {
font-size: 100px;
width: 1em;
height: 50%;
background-color: yellow;
}
颜色单位
在CSS中，可以直接使用颜色的单词来表示不同的颜色
- 红色：
red - 绿色：
green - 蓝色：
blue
也可以使用RGB值来表示不同的颜色
所谓的
RGB值指的是通过Red，Green，Blue三原色，通过这三种颜色的不同的浓度，来表示出不同的颜色。-
例子：
rgb（红色的浓度，绿色的浓度，蓝色的浓度）- 颜色的浓度需要一个
0~255之间的值，255表示最大，0表示没有
background-color: rgb(161, 187, 215);- 浓度也可以采用一个百分数来设置，需要一个
0% ~ 100%之间的数字，使用百分数最终也会转换为0~255之间的数，0%表示0,100%表示255。
background-color: rgb(100%, 50%, 50%); - 颜色的浓度需要一个
也可以使用
16进制的rgb值来表示颜色，原理和上边的RGB原理一样，只不过使用16进制数来代替，使用三组两位的16进制数组来表示一个颜色，每组表示一个颜色。第一组表示红色的浓度，范围是
00 - FF第二组表示绿色的浓度，范围是
00 - FF第三组表示蓝色的浓度，范围是
00 - FF
background-color: #FF0000;
语法：#红色绿色蓝色
00 - FF
00表示没有，相当于rgb中的0
FF表示最大，相当于rgb中255
红色：#FF0000
像这种两位两位重复的颜色，可以简写，比如：#FF0000 可以写成#F00
