不二如是 发表于 2020-3-14 10:18:17

041 - 翩若惊鸿 宛若游龙

本帖最后由 不二如是 于 2020-3-17 09:23 编辑

上一集：040 - 金木水火土



哈哈，废话不多说了，#敲黑板时刻！{:10_281:}



在线视频：传送门



课程思维导图


猛戳http://xxx.fishc.com/forum/201803/31/110408mxpszds1j1xxxahm.gif超清



起这么有诗意的名字，小甲鱼老师肯定会讲一些带“颜色”的知识。

没错，就是 color 属性，很常用，常用到几乎每个用到 CSS3 的人，都会用到。

在速查宝典已经准备好了，3 个很耐撕的颜色选取工具（传送门）：


很好用哦，选中即可获得色号。

颜色是什么不重要，取决于设计者的品味，但是如何设置很重要。

color 属性包括 5 种不同的值：

**** Hidden Message *****
最常用的是前两种：RGH 和 HEX 。

HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。

每种颜色的最小值是 0（十六进制：#00）。

最大值是 255（十六进制：#FF）。

三种颜色 红，绿，蓝的组合从 0 到 255，一共有 1600 万种不同颜色( 256 x 256 x 256 )。

从上面传送门的颜色表中会看到不同的结果，从 0 到 255 的红色。

同时设置绿色和蓝色的值为 0，随着红色的值变化，不同的值都显示了不同的颜色。

HEX 是十六进制颜色表示法，很通用。

HSL 模式基于一个 360 色相环。

第一个数字代表色相（色相环角度），60 度时为黄色，120 度绿色，180 度青色，240 度蓝色，300 度洋红色，360 度红色。

第二个数数字代表饱和度，值为百分比。

第三个数字是亮度，值为百分比。

代码：

hsl(255,90%,50%)
不是很常用，鱼油知道即可。

最后两个分别是 RGB 和 HSL 的变式，最后一位融入了 透明度。

和 CSS 中的 Opacity 属性一样。



课后作业，完成了吗？

传送门



http://xxx.fishc.com/forum/201803/20/101934b3igkgm9hgbgz0ck.gif

下一集：042 - 道可道，非常道（上）



如果有收获，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

这位鱼油，如果喜欢本系列学习笔记，请订阅 淘专辑（传送门）（不喜欢更要订阅{:10_297:} ）

_2_ 发表于 2020-3-14 14:00:45

沙发

Fire4EVER 发表于 2020-6-25 15:23:15

1

pym131420 发表于 2020-11-10 11:27:47

123

natapon 发表于 2021-1-15 23:35:59

回复快快快

笙歌醉梦 发表于 2021-1-20 19:34:50

{:5_108:}

只想白嫖 发表于 2021-3-5 18:30:03

1

O2H2O 发表于 2021-7-9 14:41:41

记住是5种哦!

心驰神往 发表于 2021-8-3 17:07:15

kanyikanxueyixue

douTREE 发表于 2021-9-11 22:27:32

RGB HEX HSL RGBA HSLA

归林22 发表于 2021-10-25 15:36:42

233

laure 发表于 2022-1-22 09:55:14

1

hornwong 发表于 2022-1-22 10:45:50

{:5_95:}

c2514710281 发表于 2022-10-26 19:25:31

看看

小坛砸 发表于 2024-4-17 16:19:15

{:10_265:}

QBR 发表于 2024-11-23 16:30:30

学习了{:10_333:}
页: [1]
查看完整版本: 041 - 翩若惊鸿 宛若游龙