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:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值