十天精通CSS3_技术问答

首页免费课十天精通CSS3 问答

十天精通CSS3

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46635
免费课程
                                
Sass入门篇
中级·104422
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128653
免费课程
                                
玩转Bootstrap（基础）
初级·314547
免费课程
                                
                难度初级
            
                时长 5小时 0分
            
                学习人数
            
综合评分9.40
                            485人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.3
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

SWMcalin

去学“CSS3图片动态提示效果”这个课，再回来看这部分内容就很容易理解了

5 11-5 Responsive设计（二）

2017-01-22

活在当下32

好漂亮，明明css也只是修饰一下下，css3居然这么厉害1

0 1-1 什么是CSS3？

2017-01-21

慕小白丶

没效果呀..

0 7-5 CSS3选择器 :read-only选择器

2017-01-21

cRpeDiem

角度从0deg到360deg表示向量方向（顺时针开始）
从右下到左上角 to top left = 315deg

1 3-2 CSS3颜色渐变色彩

2017-01-21

慕粉0851399811

/*制作圆*/
border-radius:10px;

/*制作导航立体风格*/
box-shadow:0 5px #D84727;

/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:'|';
margin-left:10px;
color:#E5C1B9;
}

/*删除第一项和最后一项导航分隔线*/
li:last-child:after{
content:'';
}

1 5-5 CSS3背景制作导航菜单综合练习题

2017-01-21

慕小白丶

#brand:target p {
background: orange;
color: #fff;

}
和例子差不多呀

0 6-5 CSS3 结构性伪类选择器—target

2017-01-21

果然是酱

看到这效果后立马去学习css了。现在代码能看懂了

1 1-1 什么是CSS3？

2017-01-21

SWMcalin

回来复习啦~

0 9-4 CSS3中设置动画播放方式

2017-01-21

慕粉3768192

这个教程真的是太差了，简单的东西复杂化，真是人才。写代码和当老师需要不同的天赋，请正确认识自己，不要误人子弟！

13 10-9 CSS3 伸缩布局（二）

2017-01-21

慕数据1008917

0 6-1 CSS3选择器属性选择器

2017-01-20

慕小白丶

0.01秒这货疯了

0 1-2 CSS3能做什么？

2017-01-19

幸福代码

一连好几节都没源码，不敲些代码练习看看实例，怎么能真真的学懂，老师拜托您再辛苦一下

2 11-4 Responsive设计（一）

2017-01-19

Kaierliu

border-radius: 100% 应该改为50%
因为正方形四个角都以边长的一半去倒角即是圆形。也就是说写成51% 以上都是都是圆形，跟50%的效果是相同的。
动画是从圆变成方，即倒角由50%减到0。如果写成border-radius: 100%; 那么动画是由100%减到0, 而100%先减到50%，需要0.5秒（动画时间1秒+延迟0.2秒），这段过程圆没变化，50%减到0，圆变成方，需要0.5秒。这样延迟就显得很长，动画变得很快，让人感觉很不舒服。
改为 border-radius: 50%; 那么动画是由50%减到0, 动画时间1秒，0.2秒的延迟，这样就好多啦！

23 8-9 CSS3中的动画--过渡函数 transition-timing-function

2017-01-19

任务一为什么选择li与a效果不一样

最赞回答 / 且行且戨

ul 里面的li 是这样的 <ul><li></li><li></li><li></li><li></li></ul>所以你选li:nth-of-type(1)只有1个有也就是加粗的那个li里面的a<li><a></a></li> 只有一个其他的a 分别在每个li中，不是并列的，所以没法用a:nth-of-type(1-5)分别选，就像...

2 回答 830 浏览 7-8 切换背景图像综合练习题

2017-01-18