颜色控制属性
来源:互联网 发布:中国足球知乎 编辑:程序博客网 时间:2024/06/01 10:34
一、英文名
直接写颜色的英文名。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>颜色属性</title> <base target="_self"> <style type="text/css"> p{ color: red; } </style></head><body> <p>我是段落</p></body></html>
二、rgb(x,y,z)
x代表:红色的深浅度。
y代表:绿色的深浅度。
b代表:蓝色的深浅度。
rgb的意思是:red、green、blue简称rgb。
x,y,z都是数字,数字越大,颜色越深。
x,y,z的取值范围:0=<x,y,z<=255
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>颜色属性</title> <base target="_self"> <style type="text/css"> p{ color: rgb(255,0,0); } </style></head><body> <p>我是段落</p></body></html>
三、rgba(x,y,z,v)
x代表:红色深浅度。
y代表:绿色深浅度。
z代表:蓝色深浅度。
v代表:透明度。
x,y,z的取值范围是:0~255。 取值越大颜色越深,越小颜色越浅。
v的取值范围是:0~1。 取得值越小越透明,越大越不透明。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>颜色属性</title> <base target="_self"> <style type="text/css"> p{ color: rgba(255,0,0,1); } </style></head><body> <p>我是段落</p></body></html>
四、#FFEE00(十六进制)
FF代表:红色的深浅度。
EE代表:绿色的深浅度。
00代表:蓝色的深浅度。
十六进制和十进制一样都是一种计数方式。
十进制:逢十进一。
0
1
2
3
4
5
6
7
8
9
10 (逢10)
十六进制:逢十六进一。
0
1
2
3
4
5
6
7
8
9
a 10
b 11
c 12
d 13
e 14
f 15
10 16
十六进制和十进制转换的公式:
用十六进制的第一位*16+十六进制的第二位=十进制
00 = 0 * 16 + 0 = 0
FF = F * 16 + F = 15 * 16 + 15 = 240 + 15 = 255
所以00对应十进制中的0 , FF对应十进制中的255。
把十六进制的取值范围换算成十进制的取值范围也是:0~255。
所以用十六进制和十进制显示颜色,本质上是一样的,因为十六进制与十进制都是一种计数方式。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>颜色属性</title> <base target="_self"> <style type="text/css"> p{ color: #FF0000; } </style></head><body> <p>我是段落</p></body></html>
五、#FE0(十六进制缩写)
如果十六进制的颜色每两位的值都是一样的,那么就可以简写为一位。
特殊情况:
1. #123456 : 不能简写。其中没有两位相同的。
2.#122334 : 不能简写。 22这两个2,代表不同的颜色,第一个2是红色的,第二个2是绿色的。 33这两个3,代表不同的颜色,第一个3代表绿色,第二个3代表蓝色。所以不能简写。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>颜色属性</title> <base target="_self"> <style type="text/css"> p{ color: #F00; } </style></head><body> <p>我是段落</p></body></html>
其实以后取颜色可以直接用JetBrains WebStorm中的取色器,直接获取自己想要的颜色。
- 颜色控制属性
- 0410-颜色控制属性
- CSS之颜色控制属性
- 彩票案例-导航栏属性控制-字体,颜色等
- NSAttributedString用法简介,控制文字颜色,背景色等属性
- 通过Uid属性控制TextBlock组件的字体颜色
- python 中输出字符的颜色控制属性
- listview颜色隔行控制
- ListCtrl 颜色控制
- linux 终端颜色控制
- printf输出颜色控制
- 控制台颜色控制函数
- bash 颜色控制
- MATLAB颜色控制命令
- wpf中的颜色控制
- MATLAB中的颜色控制
- ALV OO:颜色控制
- Matlab绘图颜色控制
- Class GraphObject
- Android四种启动模式
- 一次前端实习笔试后感想
- Android Activity 的四种启动模式
- 应用卡顿的常见问题有哪些?
- 颜色控制属性
- Javascript中this的认真理解
- Java NIO(一) 初步理解NIO
- Assign Cookies
- 欢迎使用CSDN-markdown编辑器
- Android开发galleryfinal裁剪png图片问题
- 分类算法之朴素贝叶斯分类(Naive Bayesian classification)
- 实现strcpy函数
- 转载的一道小米面试题和自己的写法