关于css的颜色

  1. Foreground color refers to the actual color of an element, styled with the color property.
  2. Background color refers to the color behind an element, styled with the background-color property.
  3. There are 147 named colors available.
  4. RGB and hexadecimal colors offer over 16 million color possibilities.
  5. HSL is a new way of defining colors in CSS3.
  6. You can modify the opacity of a color with RGBa or HSLa colors.
  7. Not all browsers support newer CSS features, like opacity or HSL, so additional declarations should be made to support a wide audience of users.
  8. There are many color picker resources available on the Internet to help you select specific colors, as well as provide colors in different formats.

译文:

  1、前景色是针对一个元素的颜色,通过color属性来制定。

  2、背景色是元素后面的颜色,通过background-color属性来制定。

  3、这里有147种可以用名字代替的颜色。(PS:http://www.colors.commutercreative.com/grid/)

  4、RGB和十六进制数来表示有16百万种可能。

  5、HSL是一个新的定义颜色的方法在css3中。

  6、调整一个颜色的透明度可以用RGBa和HSLa属性来制定。(其中,a的值在0~1之间)

  7、并不是所有的浏览器都支持新的css框架。

 

时间: 2024-11-05 17:29:57

关于css的颜色的相关文章

HTML+CSS笔记 CSS中级 颜色&长度值

颜色值 在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色 语法: p{color:red;} 2.RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数. 每

《转》PNG格式小图标的CSS任意颜色赋色技术

转自张鑫旭的PNG格式小图标的CSS任意颜色赋色技术 一.眼见为实 CSS可以修改图片的颜色,没错,可以,眼见为实!您可以狠狠地点击这里:png小图标CSS赋色demo 上面的不是很黑的是原始图标,是个PNG图片,下面这个是可以赋色的: 下面,我们随意选择一个颜色,例如紫色,然后: 是不是感觉很厉害!以后设计师就不需要在提供几套颜色的图片了. SVG, icon fonts等技术似乎也不是那么耀眼了. 二.原理其实很简单 原理其实很简单,使用了CSS3滤镜filter中的drop-shadow,

CSS之颜色英文代码全集

<head> <title>CSS之颜色英文代码全集</title> <style type="text/css"> <!-- .lu{FONT: 9pt; "宋体";} body { margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECO

熟悉css/css3颜色属性

原文:熟悉css/css3颜色属性 颜色属性无处不在.字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色.本文参考了一些资料简单总结下以备日后查阅. css中颜色的定义方式: 十六进制色 RGB & RGBA HSL & HSLA 颜色名 十六进制色 个人最喜欢的一种颜色表达方式. 十六进制颜色是这样规定的:#RRGGBB,其中的RR(红色).GG(绿色).BB(蓝色)十六进制整数规定了颜色的成分.所有值必须介于 0 与 FF 之间. 生成随机颜色: function getRandom

CSS背景颜色、背景图片、平铺、定位、固定

CSS背景颜色设置 background-color:red;如设置背景颜色为红色: 背景颜色设置支持3种写法: 颜色名 16进制 rgb CSS背景图片颜色设置 background-image:url(图片地址);如设置背景图片 路径不在说明了! CSS背景图片平铺设置(如果不设置图片默认设置为x轴y轴同时平铺即值为repeat) background-repeat:repeat-x;如设置x轴平铺: background-repeat:no-repeat如设置不平铺: CSS背景图片定位设

CSS背景颜色属性值转换

<!DOCTYPE html> <html><head><meta charset="UTF-8"> <title>CSS背景颜色属性值转换</title> <style type="text/css"> .top_tips { position:relative; width:1000px; margin:20px auto; padding:10px; color:#272727

PNG格式小图标的CSS任意颜色赋色技术

一.眼见为实 CSS可以修改图片的颜色,没错,可以,眼见为实!您可以狠狠地点击这里:png小图标CSS赋色demo 上面的不是很黑的是原始图标,是个PNG图片,下面这个是可以赋色的: 下面,我们随意选择一个颜色,例如紫色,然后: 是不是感觉很厉害!以后设计师就不需要在提供几套颜色的图片了. SVG, icon fonts等技术似乎也不是那么耀眼了. 二.原理其实很简单 原理其实很简单,使用了CSS3滤镜filter中的drop-shadow,drop-shadow滤镜可以给元素或图片非透明区域添

深入理解CSS六种颜色模式

目录 [1]关键字[2]16进制[3]RGB模式[4]RGBA模式[5]HSL模式[6]HSLA模式 前面的话 赏心悦目的颜色搭配让人感到舒服,修改元素颜色的功能让人趋之若鹜.但颜色规划不当,会让网站用户无所适从.颜色从<font color="">发展至今,保留了很多内容,也增加了新的内容,本文将介绍关于颜色模式的内容 颜色模式 以前主要采用关键字.16进制和RGB这三种设置颜色的方式.CSS3出现后,增加了RGBA.HSL.HSLA这三种模式,极大地丰富了CSS颜色设置

CSS构造颜色、背景与图像

设定颜色 背景使用 图像使用 1.设定颜色 红色的几种合法定义; ????#f00; ????#ff0000; ????Red; ????Rgb(255,0,0); ????Rgb(100%,0%,0%); ? 2.十六进制三元组 ? ????第一个字节:红色的值; ????第二个字节:绿色的值; ????第三个字节:蓝色的值; ????简化写法:#cccccc 可写成 #ccc, #ff6633可以写成 #f63 ? 3.使用17种具名颜色 ????黑色(black)???? 000000 ?