zoukankan      html  css  js  c++  java
  • html5--6-13 CSS3中的颜色表示方式

    html5--6-13 CSS3中的颜色表示方式

    学习要点

    • 掌握选择器的优先级问题
    • 掌握CSS3中新增的颜色表示方式

    选择器的优先级问题

    • 原则上:元素选择器<类选择器< ID选择器<行内样式
    • 谁指向精确谁的优先级高
    • 并列的话谁在后边谁优先级高


    CSS2时代的颜色表示方法

    关于颜色的小知识

    颜色是通过对红、绿和蓝光的组合来显示的。早期的电脑只支持最多 256 种颜色时,但是现在大多数电脑都能显示数百万种颜色。

      1. 颜色名称
        • 优点:方便快捷而且特定颜色比较准确
        • 缺点:表示颜色数量有限,英文不好的不容易记住,不支持透明度的表示
      2. 十六进制方式
        • 优点:表示颜色种类多,使用较方便
        • 缺点:不支持透明颜色。
      3. RGB方式 三原色配色方式
        • 优点:表示颜色种类多,使用较方便
        • 缺点:不支持透明颜色


    CSS3新增的颜色表示方法

      1. RGBA方式三原色配色方式
        • 在RGB模式上新增了Alpha透明度
      2. HSL模式
        • 语法:HSL(H,S,L),HSL分别表示色调,饱和度,亮度
          • H:0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360
          • S:(饱和度)。取值为:0.0% - 100.0%
          • L:(亮度)。取值为:0.0% - 100.0%
      3. HSLA模式
        • HSL模式上新增了Alpha透明度。
  • 相关阅读:
    数据库pubs
    当前目录中查找特定类型的文件
    DBHelper,ADO直接操作数据库,扩展DataTable操作数据裤的方法
    行记录次序+等差数列
    面试的通用要求
    zoj_3367Connect them
    hdoj_4198Quick out of the Harbour
    Win32常见异常
    hdoj_1026Ignatius and the Princess I
    移动 II
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/8006343.html
Copyright © 2011-2022 走看看