十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

我想问下， background-clip ： border-box这个是不是等于没裁剪？

已采纳回答 / Brevity0209

是的，和no-clip具有相同的效果，默认情况下，时不裁剪的。

1 回答 1141 浏览 5-2 CSS3背景 background-clip

2017-08-20

多列布局问题

已采纳回答 / 心陌灬琉璃梦

① div宽度500=列宽x+列间距y，(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下，自定义列宽只要≤每列最大宽度z，就能保持三列的布局；【经本人测试，最大列宽是155px】② 宽度500不变的情况下，只要自定义列宽≤每列最大宽度z，即只要自定义列宽≤155px，无论你的列宽设置是什么数值，列宽不会发生任何变化；③ 只有当div宽度或文本内容长度发生变化时，布局才会发生变化。

1 回答 1422 浏览 10-1 CSS3 多列布局——Columns

2017-08-19

这是为啥？

已采纳回答 / Csunnnnn

:hover伪类是加在div元素上的（代码- div:hover span，对div添加hover伪类，控制span的属性），div是整个大框。所以鼠标经过div块就开始动画，移出就停止。

2 回答 939 浏览 9-8 CSS3中设置动画的播放状态

2017-08-18

浏览器兼容问题;

已采纳回答 / 破旧的时光机3662066

解析的时候会逐条解析，不存在冲突问题

2 回答 1155 浏览 9-6 CSS3中设置动画播放次数

2017-08-18

animation-duration与transition-duration的区别

已采纳回答 / qq_殇乗_0

animation-duration必须要与Keyframes联用否则没有效果而transition-duration可以单用

4 回答 2230 浏览 9-3 CSS3中设置动画播放时间

2017-08-18

对h2,p:nth-child(2n)，设置column-span:all,h2为什么也要跨列

已采纳回答 / 慕粉181105819

p:nth，h2:nth 分别加就可以了

2 回答 1362 浏览 10-6 CSS3 跨列设置column-span

2017-08-18

关于transition-property的问题

已采纳回答 / 艾零

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

1 回答 1762 浏览 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 回答 1173 浏览 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 回答 1840 浏览 10-9 CSS3 伸缩布局（二）

2017-08-14

::-moz-selection

已采纳回答 / 慕运维7130634

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

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

2017-08-12

Responsive设计

已采纳回答 / yaoxtao

要结合整片文章来看，@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 回答 1170 浏览 11-5 Responsive设计（二）

2017-08-11

这里的odd是什么意思？

已采纳回答 / qq_冬冬_18

odd奇数，even偶数。

2 回答 3139 浏览 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 回答 1718 浏览 9-10 制作3D旋转导航综合练习题

2017-08-08