十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

惜缘001

a[class^=column]{
background: green;
color:#fff;
}
a[href$=doc]{
background: orange;
color: #fff;
}
a[title*=box]{
background: blue;
color: #fff;
}

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

2015-01-20

IT可穷人

.nav li:before{content:""; position:absolute;

top:14px;

height:25px;left:-1px; width:1px; background-image:linear-gradient(to bottom,#f65f57,#Ffffff,#f65f57); }

/*删除第一项和最后一项导航分隔线*/

.nav li:first-child:before {background:none;}

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

2015-01-20

lixiaohong594

为什么我没有效果啊

0 9-2 CSS3中调用动画

2015-01-20

慕设计4402376

/*任务七、列表项悬浮状态时，去掉图片的阴影效果*/
-webkit-box-shadow:none;
border-radius: 15px;
}

.item:hover .information {
box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
border-radius: 3px;
}

0 12-4 制作3D旋转视频展示区

2015-01-20

兜小麦

加上-moz-火狐还是没有效果，谷歌浏览器可以

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

2015-01-20

用户1171733

确实很牛啊，比以前方便多了

1 2-2 CSS3边框阴影 box-shadow（一）

2015-01-19

一叶千寻

textarea :readoly {
border: 1px solid #ccc;
height: 50px;
resize: none;
background: #eee;
}
如果提交也会显示成功！

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

2015-01-19

martinesk

因为引用路径不对，本地没有那个文件，所以用不了

0 4-2 CSS3文字与字体嵌入字体@font-face

2015-01-19

自己弄出来和下载下来的动画效果都是执行一半

最赞回答 / 嘿勒倪

img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto !important; height: 100%; position: fixed; top: 0; left: 50%; z-index:1; ...

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

2015-01-19

慕设计4402376

#footer {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

0 10-7 CSS3 盒子模型

2015-01-19

慕设计4402376

/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu li .active .front,
.nav-menu li .active .back,
.nav-menu li a:hover .front,
.nav-menu li a:hover .back {
}
.nav-menu ul {}
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
.nav-menu > li:hover ul {}

0 9-10 制作3D旋转导航综合练习题

2015-01-19

惜缘001

好厉害呀！

0 1-2 CSS3能做什么？

2015-01-19

慕设计4402376

/*任务一、设置不同列表的背景色*/
.slider ul li:nth-of-type(1) a{
}
.slider ul li:nth-of-type(2) a{
}
.slider ul li:nth-of-type(3) a{
}
.slider ul li:nth-of-type(4) a{
}
.slider ul li:nth-of-type(5) a{
}
/*任务二、设置缩略图形状*/
.slider ul li ::after{
}

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

2015-01-19

慕设计4402376

/*任务三、设置缩略图背景图像*/
.slider ul li:nth-of-type(1) ::after{
}
.slider ul li:nth-of-type(2) ::after{
}
.slider ul li:nth-of-type(3) ::after{
}
.slider ul li:nth-of-type(4) ::after{
}
.slider ul li:nth-of-type(5) ::after{
}

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

2015-01-19

慕设计4402376

/*任务四、给缩略图添加蒙板效果*/
.slider ul li ::before{
}
/*任务五、鼠标悬浮时，修改缩略图蒙板透明度*/
.slider ul li:hover ::before{
}

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

2015-01-19

慕设计4402376

/*任务六、点击综略图，切换背景图*/
/*背景图从左向右出现*/
.slideLeft:target{}
/*背景图由小到大出现*/
.zoomIn:target{}
/*背景图由大到小出现*/
.zoomOut:target{}
/*背景图旋转出现*/
.rotate:target{}
/*任务七、设置不显示的背景图层级*/
/* Not Target */
bg:not(:target){}

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

2015-01-19

首页上一页 408 409 410 411 412 413 414 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3

自己弄出来和下载下来的动画效果都是执行一半