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透明度。
  • 相关阅读:
    4
    3
    iOS常用的三种支付方式
    iOS开发技术之银联支付
    iOS开发技术之支付宝支付
    iOS开发技术之微信支付
    Subversion使用总结
    如何在已有 Xcode 项目中 加入Cordova框架(或者称PhoneGap框架)进行iOS移动跨平台开发
    iOS开发中Masonry的使用总结:
    iOS开发中的权限适配问题总结
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/8006343.html
Copyright © 2011-2022 走看看