007 样式与长度颜色

时间：2018-09-20 18:50:45 阅读：150 评论：0 收藏：0 [点我收藏+]

标签：pixel pre height style point 应用 class 长度方式

样式与长度颜色

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：熟悉所有的长度单位与颜色表示方式

007 样式与长度颜色

标签：pixel pre height style point 应用 class 长度方式

原文地址：https://www.cnblogs.com/hades0607/p/9682511.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

007 样式与长度颜色

样式与长度颜色

1、基本样式

2、长度

3、颜色

AABBCC：六个十六进制位，每两位一整体，分别代表Red、Green、Blue，可以简写#abc

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