十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

关于transition-property的问题

已采纳回答 / 艾零

没有给background属性加上transtion属性不会影响hover时背景色的改变，只是没有过渡效果，第一时间就变成pink。想要过渡效果可以加上 transition-property：all ；延长过渡时间后你会看到颜色会从红色慢慢的变成粉色。

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

2017-08-17

此处为何要加入display:block;没加上我的字体就扭曲不回来了

已采纳回答 / 凌寒赋雪3434449

display:block;是让对象成为块级元素(比如a，span等)display有很多对象，具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp一般都是用display:none和display:block来控制层的显示

1 回答 1104 浏览 8-2 CSS3中的变形--扭曲 skew()

2017-08-16

Flexbox布局的位置只相对于屏幕和浏览器吗？可以相对于某个盒子模型吗？

已采纳回答 / 爱上慕婉清6262634

不需要相对定位，比如<div><img src="" alt=""/></div>只需要给div指定样式 div{display:flex;align-items: center; justify-content:center;}就能实现图片在div内部居中了

3 回答 1757 浏览 10-9 CSS3 伸缩布局（二）

2017-08-14

::-moz-selection

已采纳回答 / 慕运维7130634

这是给火狐加的适配，如果你把这一段删了用火狐打开就不会显示效果了

2 回答 1946 浏览 7-4 CSS3选择器 ::selection选择器

2017-08-12

要结合整片文章来看，@media (min-device-width:600px) 当设备的宽度大于600px的时候，就使用 data-src-600px这个属性的图片。<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="" />。因为data-src-600px="image-600px.jpg"，所以就是image-600px.jpg这张图片。

2 回答 1090 浏览 11-5 Responsive设计（二）

2017-08-11

这里的odd是什么意思？

已采纳回答 / qq_冬冬_18

odd奇数，even偶数。

2 回答 3001 浏览 6-11 CSS3 nth-of-type(n)选择器

2017-08-11

关于建3D舞台的问题 perspective: 200px;

已采纳回答 / Jaris

perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。perspective: number|none;number:元素距离视图的距离，以像素计。 none:默认值。与 0 相同。不设置透视。

2 回答 1641 浏览 9-10 制作3D旋转导航综合练习题

2017-08-08

怎样让图片变成红色啊？

已采纳回答 / 玖淰

不用管尽量实在效果就可以了应为测试用的图片本身就是黑色的

3 回答 2603 浏览 5-4 CSS3背景 multiple backgrounds

2017-08-08

关于9-10 3d旋转导航

已采纳回答 / 言吖头

transform: translatez(-25px);向z轴的负方向移动25px；transform: translateZ(-25px) rotateX(90deg);移动的同时翻转60度

1 回答 1231 浏览 9-10 制作3D旋转导航综合练习题

2017-08-06

：nth-child(n) 中的n值

已采纳回答 / qq_浅墨_1

n的值从0开始1,2,3,4,5n只代表n自己的值nth-child(n)的运行结果是nth-child(0),nth-child(1),nth-child(2),nth-child(3)……nth-child(2n)的运行结果是nth-child(0),nth-child(2),nth-child(4),nth-child(6)……nth-child(2n+1)的运行结果是nth-child(1),nth-child(3),nth-child(5),nth-child(7)……

1 回答 5183 浏览 6-8 CSS3 结构性伪类选择器—nth-child(n)

2017-08-06