十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

hjk931719117

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

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

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

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

2015-01-24

郑帅

是我太蠢还是题目太难~~~

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

2015-01-24

hjk931719117

1,触发事件名为：#+触发选择器ID;
2,目标事件：触发事件名+：target{};如上题：#brand:target{};

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

2015-01-24

hjk931719117

a[href*='##']{
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
}

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

2015-01-24

hjk931719117

/*伪元素制作分隔线*/
.nav li:after{content:"";position:absolute;top:20px;left:0px;height:10px;width:1px;
background-image:linear-gradient( rgba(100,100,100,0),rgba(25,25,25,1),rgba(100,100,100,0));}
/*删除第一项和最后一项分隔线*/
.nav li:first-child::after{background-image:none;}
咳咳，这里发现伪类和伪元素这一块要去学习下。

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

2015-01-24

hjk931719117

background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top /220px 79px,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /150px 55px;
我去，一体式写法。

0 5-4 CSS3背景 multiple backgrounds

2015-01-24

hjk931719117

background-origin:border-box;
background-clip:content-box;
background:#20b3db no-repeat;

0 5-2 CSS3背景 background-clip

2015-01-24

hjk931719117

background setting repeat,it really dosen't work.

0 5-1 CSS3背景 background-origin

2015-01-24

hjk931719117

终于知道这货是干嘛用的了。。