CSS单位

Posted kbinblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS单位相关的知识,希望对你有一定的参考价值。

css常见单位

  em : 相对于父元素的字体大小,若父元素fon-size为16px,那么1em就为16px

  rem: 相对于根元素字体大小,若根元素font-size为16px,那么1em就为16px

  vw  : 相对于视窗的宽度:视窗宽度是100vw

  vh   : 相对于视窗的高度:视窗高度是100vh

  vm  : 相对于视窗的宽度或高度,取决于哪个更小

  px   : 相对于屏幕分辨率而不是视窗大小

  %    : 相对于父元素。正常情况下是通过属性定义自身或其他元素

  in    : 表英寸

  ex   : 相对于小写字母“X”的高度

  ch   : 1ch的大小和字母o的宽度相等

  cm  : 表厘米

  mm : 表毫米

  pt    :  磅, 1/72英寸,绝对单位

颜色  

  rgb(x,x,x)  如rgb(255,0,0)

  rgb(x%,x%,x%)   如 rgb(100%,0%,0%)

  #rrggbb  十六进制数   如 #ff0000

以上是关于CSS单位的主要内容,如果未能解决你的问题,请参考以下文章

[翻译]解读CSS中的长度单位

CSS/CSS3长度时间频率角度单位大全

CSS长度单位

CSS中的长度单位

为啥 CSS 中的绝对单位在不同的屏幕中没有真正显示为绝对单位?

你不知道的CSS单位