WEB前端学习:CSS学习_CSS中的单位

CSS中的单位

在 CSS篇章正式开始之前，我们先来了解一些 CSS中常用的单位

一、长度

1.绝对长度

单位	名称	等价换算
cm	厘米	1cm = 96px/2.54
mm	毫米	1mm = 0.1cm
Q	四分之一毫米	1Q = 0.25mm
in	英寸	1in = 2.54cm = 96px
pc	十二点活字	1pc = 1/16in
pt	点	1pt = 1/72in
px	像素	1px = 1/96in

2.相对长度

单位	相对于
em	父元素字体大小
rem	根元素字体大小（根元素就是 元素）
ex	字符“ x ”的高度
ch	字符“ 0 ”的宽度
lh	元素的 line-height
vm	视窗宽度的1%
vh	视窗高度的1%
vmin	视窗较小尺寸的1%
vmax	视窗最大尺寸的1%

二、颜色

1.RGB十六进制

RGB十六进制是由“ # ”加上6位十六进制数字组成（0123456789abcdef）
16*16=256

• 第一位与第二位十六进制数字代表红色（red）
• 第三位与第四位十六进制数字代表绿色（green）
• 第五位与第六位十六进制数字代表蓝色（blue）

持续更新…

该篇主要讲的是 CSS中的单位。

最后，若有不足或者不正之处，欢迎指正批评，感激不尽！如果有疑问欢迎留言，绝对第一时间回复！

HTML篇章往期博客

• HTML学习_HTML的基本要素
• HTML学习_HTML基本标签
• HTML学习_HTML布局
• HTML学习_HTML多媒体
• HTML学习_iframe标签和canvas标签

下面这些是我学习HTML的网站，希望对大家有帮助

• HTML Reference(https://htmlreference.io/)
• MDN(https://developer.mozilla.org/zh-CN/docs/Web/HTML)
• 菜鸟教程(https://www.runoob.com/html/html-tutorial.html)