十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

transition-delay怎么用啊？

最赞回答 / 爱上慕婉清6262634

transition-delay是延迟时间，transition-duration是持续时间，比如说你设置持续时间5秒，延迟时间是10秒，那么当鼠标覆盖之后，经过10秒动画开始播放，宽度由200px变400px，5秒后变化结束。这个过程鼠标不可移出，否则hover事件终止

2 回答 1604 浏览 8-7 CSS3中的动画--过渡属性 transition-property

2016-12-25

为什么旋转了3个？

已采纳回答 / 慕粉1463058028

浏览器的兼容性

1 回答 878 浏览 8-1 CSS3变形--旋转 rotate()

2016-12-25

JohnieXu

position:absolute;
top:50%;
left:50%;
使得div左上角位于窗口正中间。
translate(-50%,-50%)使div向左向上方向移动div自己width、height的50%，所以div中心位于窗口中心位置，即实现了居中。

3 8-4 CSS3中的变形--位移 translate()

2016-12-25

关于root选择器的相似选择器

最新回答 / JohnieXu

root 指的是文档的根元素，对于 html 文档来说，就是 <html> 元素。

1 回答 965 浏览 6-2 CSS3 结构性伪类选择器—root

2016-12-25

自_由

我来公布答案：
任务1 li:nth-of-type(1)到 li:nth-of-type(5)
任务2 li:nth-of-type(n)>a::after
任务3 li:nth-of-type(1)>a::after到 li:nth-of-type(5)>a::after
任务4 li:nth-of-type(n)>a::before
任务5 li:nth-of-type(n)>a:hover::before
任务6 #bg1:target到#bg5:target
任务7 :not(:target)

赞我吧~

9 7-8 切换背景图像综合练习题

2016-12-25

父类固定高宽度，子类padding，relative为啥撑不开父类元素。如图背景没有充满

最新回答 / 悦e

有答案了，父类固定了高度，子类不会撑开父类

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

2016-12-25

青青子衿14

属性之间的中括号一定要有

1 6-3 CSS3 结构性伪类选择器—not

2016-12-25

cjl0412

我看不到评论

0 6-15 CSS3 only-of-type选择器

2016-12-25

谢小疯

全真是逗比，哈哈

0 1-2 CSS3能做什么？

2016-12-24

Legendary_GL

这道题其实就是background-image和background-size

0 5-4 CSS3背景 multiple backgrounds

2016-12-23

不懂这个定位

已采纳回答 / JohnieXu

如果知道盒子的大小（width、height）采用绝对定位只需要x、y方向各一个定位就可以了，此处不知道盒子的大小（width和height），通过top:50%；bottom:0；left:10px; right:10px的绝对定位就知道了盒子的大小。<...图片...>

1 回答 912 浏览 7-7 CSS3选择器 ::before和::after

2016-12-23

ryc333

/*任务二、设置缩略图形状*/
.slider li a::after

*任务三、设置缩略图背景图像*/
.slider li:nth-of-type(1) a::after

/*任务四、给缩略图添加蒙板效果*/
.slider li a::before

/*任务五、鼠标悬浮时，修改缩略图蒙板透明度*/
.slider li a:hover::before

0 7-8 切换背景图像综合练习题

2016-12-23

ryc333

/*任务一、设置不同列表的背景色*/
.slider li:nth-of-type(1)
.slider li:nth-of-type(2)
.slider li:nth-of-type(3)
.slider li:nth-of-type(4)
.slider li:nth-of-type(5)

0 7-8 切换背景图像综合练习题

2016-12-23

课程十天精通css3---12-4

最赞回答 / chage0527

一下是我认为代码中出现的几个问题：1、 .itemimg 中间少了空格 .item img2、 CSS代码中文注释没用/**/3、 .item .information 的 background并没有少a4、第21行的h1,em,#information，不是.information，而是多余了“,em,#information”，删除即可5、HTML中没有a标签，删除即可6、任务一的背景图像链接失效，我换成了6-7节切换背景图的那一届的背景http://www.w3cplus.com/demo/cs...

2 回答 724 浏览 12-4 制作3D旋转视频展示区

2016-12-23