目录
1.字体长度单位
2.字颜色
1.字体长度单位
1.像素:px
像素实际是实际上是屏幕上的一个个小点,需要放大就可以看到。
在PC端,一般情况1px=1一个发光点。属于固定单位。
例如:font-size:90px;
2:百分比 %
相对单位,它是相对于其父元素内容区(width/height)宽高
子元素的大小会随着父元素的大小变化而变化,我们管这种大小布局,叫流式布局
3:em
相对单位,它是相对于其父元素内字体大小而设置的,也就是1em=父元素1个font-fize,
如果父元素没有字体大小,它就会继承祖先元素的字体大小,如果祖先元素没有设置,
就会继承根标签(html)的默认的字体大小,也就是16px
4:rem
相对单位,它是只相对于根标签(html)的字体大小而设置,也是1rem=1个html的font-size
html的默认字体大小是16px,有些浏览器有最小的字体大小,一般是10-12px
5:vw
viewport width 视口的宽度
6:vh
viewport heigth 视口的高度
2.字颜色
1.直接输入颜色:black,red等麻烦,不方便。
2.使用RGB表示不同颜色。
r=red,g=green,b=blue颜色是这三个混合而来,浓度为0~255.
例如:color:rgb(229,0,90)就会是一个颜色
3.RGBA
r=red,g=green,b=blue,a=alpha
alpha是透明度,0表示透明,1表面不透明。
4.使用16进制rgb值表示颜色,原理和上面以上。
0~9ABCDEF 16个数字
#红色的浓度绿色浓度蓝色的浓度
#
00 表示最小 0
ff 表示最大 255
红色、绿色、蓝色用两位十六进制表示,如果两位十六进制是一样的,可以省略一位
#ff0000 可简写#f00
#f0f0f0 不可简写
常用的16进制颜色:#f00,#0f0,#00f,#ccc灰色,#f60 橘色,#000 ,#fff