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

中央大街铜人像

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

昨天我学习了用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所表现的样式,即颜色的透明度,值越小,颜色越接近透明。

以下是代码书写:

代码书写
页面展示

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为近期项目没有压力,主要工作就是一些涉及功能增删相关的界面的小工作,修修补补,搞个图标之类,设计师小伙伴们都懂的...
    泱泱悲秋阅读 5,258评论 1 27
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,636评论 32 459
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,658评论 0 7
  • CSS的基本知识很简单,你只要知道有哪些基本样式属性、CSS的选择器,怎么在页面应用CSS,就可以随便倒腾试试手了...
    四光年阅读 1,512评论 4 23
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,113评论 22 225