老师,这里的%没太明白,不会用

老师,这里的%没太明白,不会用

http://img1.sycdn.imooc.com//climg/5e91e15109bf88d612650666.jpg


前边讲彩虹的渐变的时候,最后一个%如果和前面一个一样或者小于前边一个值的%会没有渐变,直接显示纯色, 所以要求每一个值都要比之前的大,也是他们的宽度。但是后边老师讲的值为什么会一样呢?而且不知道什么时候开始,一会是他们的值代表他们所占的宽度,一会就是他们的距离中心的起点和终点了。最后课程结束的时候,还出现了2个值一样的情况。这3种情况搞不懂了。


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕粉 2020-04-12 17:35:59

同学你好,我们可以举个例子看下:

http://img1.sycdn.imooc.com//climg/5e92dee109bfda3e12980268.jpg

这个并没有写0%,但是0%-10%也是有背景色的,并不是说不写就不从0%开始了:

http://img1.sycdn.imooc.com//climg/5e92df2c090b90b206030287.jpg

http://img1.sycdn.imooc.com//climg/5e92dfae09e9fc7d05620174.jpg

同学再理解下。同学可以把自己不理解的例子自己手动敲一下代码,看一下效果,会对同学的理解有帮助,不要这样一把抓,会越想越乱的。

祝学习愉快~

好帮手慕粉 2020-04-12 12:05:53

同学你好,同学的这段话没有毛病啊:

http://img1.sycdn.imooc.com//climg/5e9292d70927c27f06440092.jpg

red:10%,yellow:20%表示的就是10%-20%从红色渐变到黄色,从10%开始,20%结束代表的只是10%-20%这一个阶段,不是代表整体。

同学可以自己多跟着视频老师写代码试试。

祝学习愉快~

  • 提问者 王一宏 #1
    老师,不一样啊。您化红线那,是两个意思啊。一个是从0开始,到10。一个是指从10开始。但是代码一样,这已经是两个意思了。怎么会不一样呢?
    2020-04-12 14:18:03
好帮手慕粉 2020-04-12 10:50:54

同学你好,没有代码老师不能准确的定位同学的问题呢,建议同学将代码粘贴上来,不要贴图。其实这个很好理解的,从前到后依次排列颜色即可,例如:

http://img1.sycdn.imooc.com//climg/5e9281ff09cbf9cd10160324.jpg

祝学习愉快~

  • 提问者 王一宏 #1
    这是老师写的代码。视频讲课的时候截图的。老师没明白我的意思。我不是说不知道他们的顺序。这是显而易见的,不需要问啊。我问的是那个%。因为老师讲课的时候,说red:10%,表示从0到10是红色。yellow:15%;表示从10-15是黄色。但是后边讲课,竟然说red:10%,表示从10%开始,yellow:20%,这样表示20%结束。和刚刚讲的不是一个概念。突然就不知道这个%到底是根据什么来算的。而且老师也讲了,最后一个值必须大于前边的值才会显示渐变,不然就是纯颜色。但是,后边讲的课,还有red:0%。也有red:25%;yellow:25%。这才懵了
    2020-04-12 11:43:14
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师