zoukankan      html  css  js  c++  java
  • 007 样式与长度颜色

    样式与长度颜色

    1、基本样式

    <head>
        <style>
            div {
                 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:熟悉所有的长度单位与颜色表示方式
  • 相关阅读:
    redis
    linux systemd
    分布式高可用架构演进
    c++ 多线程 信号量简单使用
    JAVA上传文件到FTP上
    JAVA字符串去掉html代码
    jQuery判断复选框是否勾选
    SpringBoot全局异常处理
    SpringBoot统一日志打印
    JAVA加解密之DES
  • 原文地址:https://www.cnblogs.com/earon/p/9682511.html
Copyright © 2011-2022 走看看