03_css单位

长度单位

px:
像素,像素就是构成一个图片的最小的单位,我们的屏幕就是由一个一个像素点构成。
一个像素指的就是一个像素点。
在不同的显示器中,一个像素的大小是不同的,越清晰的屏幕像素越小

%:
可以将一个元素的样式值设置为一个百分比的值,
这样浏览器将会根据父元素的值去计算出相应的值,
当父元素的值改变时,子元素的值会按照一定比例一起改变,经常用于自适应的页面

em:
em会相对于当前元素的字体大小来计算,
1em = 1font-size,
em经常用于设置文字相关的一些样式,因为当文字大小发生改变时,em会随之改变

颜色单位

颜色单词:
直接使用英文单词来表示颜色
red green blue orange
 
RGB值:
所谓RGB值就是通过红 绿 蓝三元色的不同组合来搭配出各种不同的颜色
语法:rgb(红色,绿色,蓝色)
	这三个值需要一个0-255之间的值,0表示没有,255表示最大
		  rgb(50,200,30)
	也可以使用百分数来设置RGB值,需要0%-100%之间的值
	百分数最终也是转换为0-255的,0%相当于0,100%相当于255
		  rgb(100%,0%,0%)
		
十六进制RGB值:
也是一种RGB值的表示方式,不同的是它使用的是16进制数字来表示而不是10进制
语法:#红色绿色蓝色
      这里的颜色需要一个00-ff之间的值
		  例子:#ff0000
      如果颜色的是两位两位重复的,可以进行简写
		  比如 #aabbcc 可以写成 #abc:

猜你喜欢

转载自blog.csdn.net/zljcxdm/article/details/82940856