CSS 三种长度单位和RGB值
1.px单位
px单位，1px为1像素，
显示器有多个像素构成，显示器分辨率不同，1px的实际大小也不同
分辨率越高的显示器，
由于分辨率高，即铺满整个屏幕的像素点越多，
高分辨率的10px实际长度 小于 低分辨率的10px实际长度
2. em单位
1em等于1倍的 font-size的尺寸，默认font-size为16px
3. %单位
长度为父元素长度的百分之多少
<style>
.box1{
background-color: aqua;
width: 300px;
height: 300px;
}
.box2{
background-color: blueviolet;
width: 50%;
height: 50%;
}
</style>
<body>
<div class="box1">
<div class="box2"></div>
</div>
</body>效果：
4.RGB表示颜色
4.1 RBG值
在CSS可以直接使用颜色的单词来表示不同的颜色
红色：red 绿色：green 蓝色：blue
也可以使用RGB值来表示不同的颜色，所谓的RGB指的是通过Red、Green、Blue三元色，通过这三种颜色的不同的浓度，来表示出不同的浓度
例子：rgb（红色的浓度，绿色的浓度，蓝色的浓度）；浓度在0-255之间，255最大，0表示没有
background-color：rgb（255,0,0）表示红色
浓度值也可以用百分数来表示，例如rgb（100%，0,0）；
4.1 16进制RGB
原理和上面一样，只是值用16进制代替
使用三组两位的16进制来表示三个颜色的浓度。
语法：#开头
十六进制 各个位上的值取值为： 0 1 2 3 4 5 6 7 8 9 a b c d e f
例如红色，#FF0000 可以简写为 #F00
扫一扫
429
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
