`
Virgo_S
  • 浏览: 1139151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

3、CSS的color颜色

    博客分类:
  • CSS
阅读更多
css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。
red红色
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00

有17个预先确定的颜色,它们是:
  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
  olive, orange, purple, red, silver, teal, white, and yellow.
  transparent 也是一个正确的值。

  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。

  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。

  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。

color和background-color

  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
  蓝色背景,黄色文字:
h1 {
    color: yellow;
    background-color: blue;
}

这些颜色可能比较粗糙,你可以使用另外的色度:
body {
    font-size: 0.8em;
    color: navy;
}
h1 {
    color: #ffc;
    background-color: #009;
}

你可以看到h1已经变成黄色和蓝色。
color和background-color可以使用在绝大部分html元素,包括body。

分享到:
评论

相关推荐

    全面了解CSS内置颜色(color)值

    全面了解CSS内置颜色(color)值全面了解CSS内置颜色(color)值

    颜色css color

    css的颜色color的代码,制作网页很有用,便于查询

    前端开源库-normalize-css-color

    前端开源库-normalize-css-color规范化CSS颜色,将CSS颜色值的子集规范化为整数

    postcss-color-converter:PostCSS插件可在HEX,RGB,HSL和关键字颜色格式之间转换颜色

    postcss颜色转换器插件可在它们之间转换HEX,RGB,HSL和关键字颜色(无需转换为关键字颜色格式)。 使用引擎盖下的。 支持Sass(SCSS)(需要或 )和CSS变量。安装$ npm install postcss-color-converter用法// ...

    前端开源库-css-color-converter

    前端开源库-css-color-converterCSS颜色转换器,将CSS颜色从一种表示形式转换为另一种表示形式

    color-me-sass, css预处理器SASS的颜色库.zip

    color-me-sass, css预处理器SASS的颜色库 ColorMeSass css预处理器Sass的颜色库。在这里有颜色,变量名称和文档的完整站点。用法###1. CSS Preprocessors无论我是还是 ,我都不打算详细介绍 css,Sass和 LESS 都很酷...

    ColorMe可视化CSS颜色函数

    ColorMe 可视化CSS颜色函数

    postcss-color-function:PostCSS插件将W3C CSS颜色功能转换为更兼容CSS

    postcss颜色功能 插件可将CSS颜色功能从“颜色模块级别4”规范的编辑器草案转换为更兼容CSS。 不推荐使用 :warning: color()更改为color-mod() 。 参见 。 有一个实现。 :warning: color-mod()已从删除。 安装 ...

    css color   

    IE4+ 预命名颜色 如navajowhite goldenrod

    postcss-color-gray:在CSS中使用gray()颜色函数

    允许您遵循规范的过时版本(2019年11月5日)在CSS中使用gray()颜色函数。 :warning: gray()已从删除。 body { background-color : gray ( 100 ); color : gray ( 0 / 90 % ); } /* becomes */ body { ...

    css-color:兼容CSS颜色模块4级的颜色字符串解析器

    CSS颜色css-color是CSS颜色模块级别4兼容CSS颜色值解析器。 其目标是解析CSS Color Module Level 4中定义的所有颜色值,并拒绝解析任何其他值。 这是为了确保与例如Web浏览器的完全一致性。 相比之下,大多数其他JS...

    ColorBlack.css

    ColoeBlack是一个非常漂亮的Typra黑色主题,由NightYuxl经过了一点自定义,比如不同颜色的标题,行内代码高亮,漂亮的字体等。整个主题只有一个css文件,非常简单,你也可以再进行个性化的修改,不满足于Typora官方...

    css-color-validator:使用正则表达式进行CSS颜色验证

    CSS颜色验证器 使用正则表达式进行CSS颜色验证 用法 在package.json中需要模块,如下所示: "css-color-validator" : "git://github.com/jnikles/css-color-validator.git#master" 它公开一个函数,返回true | ...

    css类目颜色代码

    css类目颜色代码 淘宝 .skin-box-bd{background:#AD8260;}.skin-box-bd .menu-list{background:#AD8260;}.skin-box-bd .menu-list .menu{background:#AD8260;border:none;}.skin-box-bd .menu-list .menu .link{...

    HTML5&CSS3网页制作:CSS优先级.pptx

    文本的颜色 p strong{ color:black} /*权重为:1+1*/ strong.blue{ color:green;} /*权重为:1+10*/ .father strong{ color:yellow} /*权重为:10+1*/ p.father strong{ color:orange;} /*权重为:1+10+1*/ p.father ....

    CSS 合法颜色值

    CSS 合法颜色值 CSS Colors CSS的颜色可以通过以下方法指定: 十六进制颜色 RGB颜色 RGBA颜色 HSL色彩 HSLA颜色 预定义/跨浏览器的颜色名称 十六进制颜色 所有主要浏览器都支持十六进制颜色值。 指定一个十六进制...

    CSS颜色名称「CSS Color Names」-crx插件

    CSS颜色名称参考 提供基于SVG 1.0颜色关键字名称(http://www.w3.org/TR/SVG/types.html#ColorKeywords)的CSS颜色名称的参考。 您可以通过单击一个彩色图块将名称复制到剪贴板。 支持语言:English

    CSS样式风格定义

    }.top_UserLogin /* 顶部用户登录文字链接的CSS定义 */{color: #037FA8}/* ==top.asp中的CSS定义结束== *//* ==网页中部中的CSS定义开始== */.center_tdbgall /* 中部表格总背景颜色定义 */{background:#ffffff;...

Global site tag (gtag.js) - Google Analytics