十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

水中波纹

一定要又分号

0 8-2 CSS3中的变形--扭曲 skew()

2018-08-25

慕瓜8594774

.nav{border-radius: 5px;box-shadow:5px 5px 0 #cc1725;}
.nav li:after{content: "";width: 2px; height: 15px; background: linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
display: block; top: 19px; right: -3px; position: absolute;}
.nav li:last-child:after{background: none;}

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

2018-08-21

yuandaoshu

图片挂掉啦

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

2018-08-16

心肝扎扎

word-wrap:break-word和word-break:break-all的区别详见：http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

0 4-1 CSS3文字与字体 text-overflow 与 word-wrap

2018-08-13

人间_上帝

0 6-4 CSS3 结构性伪类选择器—empty

2018-08-11

心肝扎扎

有关border-image的详细解释
http://www.zhangxinxu.com/wordpress/2010/01/css3-border-image/
http://www.tuicool.com/articles/EJZnUnm

0 2-4 CSS3边框为边框应用图片 border-image

2018-08-10

风起临冬

这三种不同写法可作参考
.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

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

.wrapper > div:nth-last-child(2n+1),
.wrapper > p:nth-of-type(even){
background: orange;
}

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

2018-08-08

慕容6312819

/*使用伪元素制作导航列表项分隔线*/
.nav li:after{content:"";position:absolute;right:-2px;height:15px;width:1px;
top:18px;background-image:linear-
gradient(rgba(255,255,255,0.1),rgba(000,000,000,0.3),rgba(255,255,255,0.1));
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{content:"";background-image:none;}

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

2018-08-08

Cejron

h2,p:nth-child(2n+1){
-webkit-column-span:all;
-moz-column-span:all;
-o-column-span:all;
-ms-column-span:all;
column-span:all;
}

0 10-6 CSS3 跨列设置column-span

2018-08-07

qq_骑行夏威夷_1

真是，要实战的话有付费的啊，免费的讲的已经不错了，难道以后自己做网页还要别人告诉你吗？拜托，学人家的就是学生，说这种话真的是······呵呵了。

1 11-1 Media Queries——媒体类型（一）

2018-07-13

huhaha24

这里的h2和p:nth-child(2n)才是并列关系，也就是说是对h2进行跨越所有的列，而不是对h2:nth-child(2n)

0 10-6 CSS3 跨列设置column-span

2018-07-13

huhaha24

.wrapper div:hover
.wrapper:hover div的区别在于鼠标点击div之外，wrapper之内的区域时，会不会发生放缩的变化，这也就是会闪烁的原因。前者当鼠标放在该区域时，会发生闪烁的效果；后者则不会产生什么变化。

2 8-3 CSS3中的变形--缩放 scale()

2018-07-13

huhaha24

]与:之间不能有空格，有空格就不会实现下方规定的样式，但是还是不能点击

0 7-2 CSS3选择器 :disabled选择器

2018-07-12

huhaha24

这里的主要思想就是通过target伪类去获取相应的id，并在CSS中进行样式设定，和直接应用id进行样式设定的区别在于这里要加上链接，而且链接里的href里的内容是在id里内容的基础上添加一个#

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

2018-07-12

huhaha24

这个不加双引号也是可以显示效果的，只是不能通过

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

2018-07-12

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3