博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
fcc html5 css 练习3
阅读量:5326 次
发布时间:2019-06-14

本文共 888 字,大约阅读时间需要 2 分钟。

行内样式看起来是这样的

<h1 style="color: green">

 

.pink-text {

color: pink !important;
}         !important最高级的无法覆盖

 

0 是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失

F 是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度

让我们通过把 background-color 的 hex code 修改为#FFFFFF,以把 body 元素的背景改为白色

 

Hex code 遵循 red-green-blue(红-绿-蓝),或者叫 rgb格式。hex code 中的前两位表示颜色中红色的数量,第三四位代表绿色的数量,第五六位代表蓝色的数量

所以要得到绝对的纯红色,你只需要在第一和第二位使用 F (最大可能的数值),且在第三、第四、第五和第六位使用 0 (最小可能数值)

 

橙色是纯红,混合一些绿,没有蓝, hex code 值 #FFA500 

通过平均混合所有三种颜色得到不同灰度等级的灰色,hex code 值 #808080

通过平均混合所有三种颜色得到其他色度等级的灰色,可以非常接近纯黑色, hex code 值 #111111 以把body 元素的背景色设置为深灰色

hex code 是 #FF0000 ,可被缩写成 #F00。也就是说,一位表示红,一位表示绿,一位表示蓝

 

代表黑色的 RGB 值看起来是下面的样子:

rgb(0, 0, 0)

代表白色的 RGB 值看起来是下面的样子:

rgb(255, 255, 255)

使用 rgb,你通过 0 至 255 之间的一个数字来指定每种颜色的亮度,16 乘以 16 总共有 256 个值

红色的 RGB 值:rgb(255, 0, 0)

绿色的 rgb 值:rgb(0, 255, 0)

蓝色的 RGB 值:rgb(0, 0, 255)

橙色的 RGB 值:rgb(255, 165, 0)

转载于:https://www.cnblogs.com/luxiaoli/p/7900252.html

你可能感兴趣的文章
软工视频(21~25)-软件測试
查看>>
鼠标的操作(先保存到这里,之后进行整理与总结)
查看>>
扩展欧几里得与乘法逆元
查看>>
数据结构—堆排序
查看>>
深入理解 JavaScript 异步系列(3)—— ES6 中的 Promise
查看>>
自己写的一个wpf MVVM 的一个小demo
查看>>
用于记录程序运行时间
查看>>
邮件服务器安全问题
查看>>
结对编程项目作业5
查看>>
lua table 的操作(四)
查看>>
noip2010 引水入城
查看>>
抽象工厂模式(Abstract Factory)
查看>>
wp7 - 在Grid中实现元素叠加
查看>>
实验三
查看>>
mybatis源码阅读-初始化六个工具(六)
查看>>
利用伪造内核文件来绕过IceSword的检测
查看>>
IOS开发之记录用户登陆状态
查看>>
VB6 Win32API 函数声明
查看>>
jmeter ServerAgent插件安装
查看>>
JSP乱码解决 - 使用过滤器Filter
查看>>