长度与颜色单位

Posted fxc-520520

tags:

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

样式与长度颜色

1、基本样式

<head>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: red;
        }
    </style>
</head>

2、长度

  • px:像素(pixel),屏幕上显示的最小单位,用于网页设计,直观方便
  • mm:毫米
  • cm:厘米
  • in:英寸
  • pt:点(point),一个标准的长度单位,1pt=1/72in,用于印刷业,非常简单易用;
  • em:相当长度,通常1em=16px,应用于流式布局

3、颜色

  • rgb():三个值可为[0-255]数值或百分比,以,相隔(r:Red g:Green b:Blue)
  • rgba():前三个值可为像素或是百分比,最后一个为[0, 1]数值,以,相隔(r:Red g:Green b:Blue a:Alpha)
  • hsl():第一个值为[0,360]数值,后二个值可为百分比,以,相隔(h:Hue s:Saturation l:Lightness)
  • hsla():第一个值为[0,360]数值,中间二个值可为百分比,最后一个为[0, 1]数值,以,相隔(h:Hue s:Saturation l:Lightness a:Alpha)
  • AABBCC:六个十六进制位,每两位一整体,分别代表Red、Green、Blue,可以简写#abc

v_test:熟悉所有的长度单位与颜色表示方式

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

如何以毫秒为单位获取javaFX音频片段的长度[关闭]

文字与文本

汇总css布局模型和常见代码缩写与长度单位

Android课程---手机尺寸相关的概念 +尺寸单位+关于颜色

CSS长度单位中的负长度值

在片段中设置文本颜色