十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

德川家康

我精通css10086了快来按赞

2 3-1 CSS3颜色颜色之RGBA

2018-05-11

qq_狼光_0

注意：前面可以直接是父元素，父元素与：之间要有空格（个人理解：空格代表选择的是一个子集）

0 6-6 CSS3 结构性伪类选择器—first-child

2018-05-11

qq_狼光_0

和transition好像。。。和js调用函数也好像。。。

0 9-1 CSS3 Keyframes介绍

2018-05-11

臭大大3560892

看到楼下有个哥们说动画有问题，按照他这种方式去修改动画是回复了，我就很奇怪，看了下初始化图片的位置css，position后，left了50%，然后左移了50%，造成了动画一半的效果，将left改为0，并且左移的动画删掉，动画就正常了，希望能够帮到耐心看评论的朋友。。。

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

2018-05-10

___Tsing

tranform形变动画:
rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;

transition缓动动画:
property 样式、 duration完成过渡所需时间、 timing-function过渡函数、 delay延迟时间;

animation逐帧动画:
KeyframesName帧名、
duration、timing-function、delay（同上）、
iteration-count循环次数、direction是否轮流反向播放动画、play-state规定正在运行与否、fill-mode规定播放前或后，效果是否可见;

0 9-3 CSS3中设置动画播放时间

2018-05-09

春风夏雨_xzy

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

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

2018-05-08

春风夏雨_xzy

.wrapper > div:nth-of-type(2n-1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > :nth-child(4n-3),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div:nth-of-type(odd),
.wrapper > p:nth-of-type(even){
background: orange;
}

0 6-12 CSS3 last-of-type选择器

2018-05-08

春风夏雨_xzy

.wrapper > div:nth-of-type(2n-1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > :nth-child(4n-3),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div::nth-of-type(odd),
.wrapper > p:nth-of-type(even){
background: orange;
}

0 6-11 CSS3 nth-of-type(n)选择器

2018-05-08

春风夏雨_xzy

:first-child 父元素下面的第一个元素
P:first-of-type 父元素下面类型为P的第一个元素

0 6-10 CSS3 first-of-type选择器

2018-05-08

春风夏雨_xzy

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

2018-05-08

qq_阿本德_0

::-moz-selection{
background:orange;
color:blue;
}

0 7-4 CSS3选择器 ::selection选择器

2018-05-07

qq_阿本德_0

ul li:only-child,ol li:only-child{
background:orange;
}

0 6-14 CSS3 only-child选择器

2018-05-07

Ninjaya

想要获取焦点的话不妨给input等标签写一条focus样式

0 12-2 CSS3外轮廓属性

2018-05-06

___Tsing

感觉为input设置enabled后，所有的input都有了这个属性，至于第二个框被禁用，是disabled="disabled"起作用，将
/*input[type="text"]:disabled{*/
/* box-shadow: none;*/
结果还是一样
/*}*/

0 7-1 CSS3选择器 :enabled选择器

2018-05-06

熊枭龙

@import url() all;
有空格的

0 11-2 media queries——媒体类型（二）

2018-05-04

首页上一页 9 10 11 12 13 14 15 下一页尾页

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3