zoukankan      html  css  js  c++  java
  • css3颜色与文本效果

    css3颜色与文本效果

    1.CSS3颜色

    (1)、十六进制颜色

    RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。

    (2)、RGB颜色

    RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义

    颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。

    (3)、RGBA颜色

    RGBA颜色值被IE9,Firefox3+,Chrome,Safari,和Opera10+支持。

    RGBA颜色值是RGB颜色值alpha通道的延伸-指定对象的透明度。

    RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。Alpha参数是一个介于0.0

    (完全透明)和1.0(完全不透明)之间的参数

     (4)hsl

    H:色调(0-360)0 表示红色 120 绿色 240蓝色 s:饱和度0-100% 亮度0-100%

    Background :hsl(hue, saturation, lightness)

     

    2.CSS3文本效果

    (1)、CSS3文本阴影

    您指定了水平阴影,垂直阴影,模糊的距离,以及阴影的颜色: 阴影不占空间:

    h1{
    text-shadow:5px5px5px#FF0000;
    }

    (2)、CSS3文本溢出

    CSS3文本溢出属性指定应向用户如何显示溢出内容

    p.test1{
    //文本不换行
    white-space:nowrap;
    200px;
    border:1pxsolid#000000;
    //多余的部分隐藏掉
    overflow:hidden;
    //修剪文本。
    text-overflow:clip;
    }
    p.test2{
    white-space:nowrap;
    200px;
    border:1pxsolid#000000;
    overflow:hidden;
    //显示省略号来代表被修剪的文本
    text-overflow:ellipsis;
    }
    
  • 相关阅读:
    JQuery简介
    javascript中的正则表达式
    JSDom
    JavaScript事件的属性列表
    JavaScript中innerText和innerHTML的区别
    JavaScript设置粘贴板
    Windows.event
    Https:Java代码设置使用证书访问Https
    Https:证书生成 .p12 .keyStore 和 .truststore文件理解
    HTTP:HTTP请求头和响应头详解
  • 原文地址:https://www.cnblogs.com/wenaq/p/13531976.html
Copyright © 2011-2022 走看看