十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

良艺

.wrapper > div:first-of-type {
background: orange;
}
//:first-of-type和:first-child比较接近，不过前者可以在前面指定元素类型

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

2015-07-17

良艺

ol > li:nth-last-child(5){
background: orange;
}
//和nth-child()是相对的，一个从第一个往后数，一个从最后一个往前数

1 6-9 CSS3 结构性伪类选择器—nth-last-child(n)

2015-07-17

良艺

ol > li:nth-child(2n+1){
background: green;
}

0 6-8 CSS3 结构性伪类选择器—nth-child(n)

2015-07-17

菠萝小萝卜

translate的百分比是根据自身的宽度和高度来定的~

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

2015-07-17

过渡函数的ease-in 还有ease-out是什么意思

最赞回答 / 小霞子

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果; ease-in 规定以慢速开始的过渡效果; ease-out 规定以慢速结束的过渡效果; ease-in-out 规定以慢速开始和结束的过渡效果

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

2015-07-17

良艺

#brand:target p {
background: orange;
color: #fff;
}
//#brand:target{}选择的是id为brand并且#brand是作为href的值，这个href对应的元素a被点击才能出发这个css效果

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

2015-07-17

良艺

div:empty {
border: 1px solid green;
}
//空格也算内容！

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

2015-07-17

良艺

div:not([id="footer"]){
background: orange;
}//选择id不为footer的所有div

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

2015-07-17

良艺

:root{}
选择当前文档的根标签；对于html而言，就是<html>标签，因此基本等同于：
html{
}

0 6-2 CSS3 结构性伪类选择器—root

2015-07-17

良艺

a[class^="column"]{
color:#f00;
}
a[href$=".doc"]{
color:#0f0;
}
a[title*="box"]{
color:#00f;
}

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

2015-07-17

良艺

思想：使用伪元素来制作导航列表之间的间隔线！

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

2015-07-17

修改原点的位置有什么用呢？

已采纳回答 / 陈二狗i

可以已修改的原点为中心进行各种操作。就可以做出各种不同的效果

2 回答 1585 浏览 8-6 CSS3中的变形--原点 transform-origin

2015-07-17

IsXnX

看不懂啊啊啊

0 10-7 CSS3 盒子模型

2015-07-17

qq_黑夜飞狼

突然有个想法：在同一个div内可以通过：hover来控制显示和隐藏内容，就跟鼠标经过一样显示事件一样。

#dd:hover #gg{
display:block;
}

#gg是#dd的子元素！大家可以试试！做鼠标经过事件觉得挺方便的，不需要用到js

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

2015-07-16

良艺

background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
background-position:left top,right bottom;
background-size:200px 70px,150px 60px;
//一个div应用多个背景图片，同时对多个背景图片进行位置、大小等的设置

1 5-4 CSS3背景 multiple backgrounds

2015-07-16

良艺

background-sizing:【auto】/【x,y】/【n%,m%】/【cover】/【contain】
设置背景图片的大小：
auto是自动，图片原来多大就多大；
x,y是指定具体值，单位为px；
n%,m%是指定背景图的长宽比例，相对的是div(本元素)；
cover:是将背景图等比例缩放，缩放到刚好全部占满本元素为止（这种情况可能长或宽其中之一会溢出而被舍弃）;
contain:是将背景图等比例缩放，缩放到刚好长或宽刚好满足100%铺满本元素的长或宽即可（这种情况可能出现有长或宽不足100%）

1 5-3 CSS3背景 background-size

2015-07-16

首页上一页 331 332 333 334 335 336 337 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空