跟高老师学习Web前端之25.

跟高老师学习Web前端之25._第1张图片
中央大街铜人像

我在补功课..............

昨天我学习了用name/helx/rgb样式属性表示字体颜色,今天继续学习CSS的字体颜色样式属性--rgba/hsl/hsla.

rgb与rgba颜色属性的区别在于,a表示字体的透明度,取值范围在0-1之间,数值越大,字体颜色越清晰,数值越小,字体颜色越接近于透明,而取值为0时则表示字体颜色为透明。

hsl属性,字面意思,h表示色相,取值0-360,每一个数字代表了不同类型的颜色;s表示颜色的饱和度,取值0%-100%,值越大,则颜色越鲜艳。l表示颜色的亮度,取值依然为0%-100%,值越大,颜色越亮。

hsl与hsla的区别在于a所表现的样式,即颜色的透明度,值越小,颜色越接近透明。

以下是代码书写:

跟高老师学习Web前端之25._第2张图片
代码书写
跟高老师学习Web前端之25._第3张图片
页面展示

终于搞定啦,眼袋已经拉地下了,睡觉睡觉,晚安!

你可能感兴趣的:(跟高老师学习Web前端之25.)