十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

为森么我写了：disabled并没有变灰呢？

已采纳回答 / Deardaring4047621

:disabled 冒号前面不能有空格 -_-

1 回答 1840 浏览 7-2 CSS3选择器 :disabled选择器

2017-09-07

background-size:cover和100%是不是没有区别

已采纳回答 / qq_蓝雪魔君_03911481

background-size：100% 100%;---按容器比例撑满，图片变形；background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变

1 回答 2343 浏览 5-3 CSS3背景 background-size

2017-09-05

text-shaodow 为文本阴影，上面意思是设置了多个阴影效果。 text-shadow: X-Offset Y-Offset blur color;X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移；Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；Color：是指阴影的颜色，其可以使用rg...

7 回答 3055 浏览 1-1 什么是CSS3？

2017-09-05

关于边框影音的问题

已采纳回答 / qq_Nathan

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]

2 回答 1567 浏览 2-2 CSS3边框阴影 box-shadow（一）

2017-08-26

关于box-shadow

已采纳回答 / qq_秋铭_0

第一个是外阴影，第二个是内嵌阴影，注意看inset这个属性

1 回答 1351 浏览 7-7 CSS3选择器 ::before和::after

2017-08-24

关于背景图片的探讨

最新回答 / hello_2

这是一种安全的写法，z-index设置为1的话太低有可能会被其他元素覆盖，当页面更加复杂，z-index层级越来越多的时候，这样写就有意义了

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

2017-08-24

关于 .slider a{ } 里的text-shadow

最新回答 / 青春回木

这么写都有效果，上下都有。看自己想要什么效果吧。这个证明多组参数也行。

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

2017-08-24

resize的问题

最新回答 / 爱上慕婉清6262634

textarea里面的两个属性值你不清楚啥意思吧，第一个cols规定宽度，第二个rows规定行数，宽度是以字符宽度计算的，高度以行高计算，若是没有设置字符的font-size，则按照浏览器默认字符font-size为准。浏览器默认字符从8-12px不等，行高一般与字符大小相同，然后你的rows设置10行，那文本域最小范围256*160，小于这个不可被缩小

2 回答 1489 浏览 12-1 自由缩放属性resize

2017-08-24

有关旋转的角度值：前缀是为了兼容，但为什么角度值设的不一样

+ 我来回答回答最高可+2积分

3 回答 1424 浏览 8-1 CSS3变形--旋转 rotate()

2017-08-21

背景图片left：50%

已采纳回答 / hello_2

position：fixed，left:50%是绝对定位，这个50%是相对于window而言的，也就是浏览器窗口。而translate：-50%，代表将元素向左移动50%长度，这个50%是相对元素自身而言的。这两个语句配合起来，可以使元素居中。如果你单独删除一个，比如left:50%,就只剩下元素向左移动50%的效果了，所以不能正常显示。不懂得话建议你去看看css定位的知识,以及各种居中效果如何实现的

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

2017-08-21

iPhone 和 Smartphones

最新回答 / 爱上慕婉清6262634

min-device-width是屏幕宽度，不是分辨率，以iphone为例，5是320px，6是375px，6p是414px;ipad 也不过是768*1024

2 回答 821 浏览 11-8 Responsive设计——不同设备的分辨率设置

2017-08-21

关于max-width和max-device-width

已采纳回答 / 5689u

1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。2、max-width是目标显示区域的宽度，例如，浏览器宽度。3、如果使用max-device-width，那么在PC浏览器上浏览网页时，缩小或放大浏览器时是不执行CSS的，因为“PC设备”没有变化。但如果使用max-width，缩小或放大浏览器时是执行CSS的，因为“显示区域”即浏览器大小发生了变化。4、如果使用max-device-width，那么当手机由竖变横时，CSS是不执行的，因为“手机宽度”并没有变化。如果...

2 回答 1787 浏览 11-3 Media Queries使用方法

2017-08-21