十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

qq_谅_0

background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top /200px 75px,
url(http://static.mukewang.com/static/img/logo_index.png)
no-repeat 150px 80px /150px 60px;

0 5-4 CSS3背景 multiple backgrounds

2017-08-01

qq_小白_100

想让妈妈再打你一次，再试试！

1 5-3 CSS3背景 background-size

2017-08-01

艾零

设置一个数值将其作为宽度等比缩放图片，这数值一点点增大，当缩放后的图片的宽高最小值等于容器的宽高的最小值时，停止缩放这时是 contain 。当图片的宽高与容器宽高中最大值相等时停止缩放 cover 。

2 5-3 CSS3背景 background-size

2017-07-31

剑南青竹

怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。

0 11-6 Responsive布局技巧

2017-07-31

SudaNia

表示自己小白入门完全自学，开始看到这终于一脸蒙蔽，无从下手。

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

2017-07-31

慕粉3929231

老师讲的好连答案都不给了

0 4-1 CSS3文字与字体 text-overflow 与 word-wrap

2017-07-31

剑南青竹

响应式的描述：“Responsive设计简单的称为RWD，是精心提供各种设备都能浏览网页的一种设计方法，RWD能让你的网页在不同的设备中展现不同的设计风格。”

0 11-4 Responsive设计（一）

2017-07-31

剑南青竹

如果flex-direction设置为row，设置justify-content控制方向；
justify-content:flex-start 左
justify-content:flex-end 右
justify-content:center 居中

如果设置为column，设置align-items控制方向。

align-items:flex-start 左
align-items:flex-end 右
align-items:center 居中

3 10-9 CSS3 伸缩布局（二）

2017-07-31

剑南青竹

content-box:设置内容区域的宽度
border-box：设置的为整体边界的宽度

2 10-7 CSS3 盒子模型

2017-07-31

剑南青竹

column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。

column-span: none | all
none:此值为column-span的默认值，表示不跨越任何列。
all:这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。

0 10-6 CSS3 跨列设置column-span

2017-07-31

剑南青竹

olumn-gap主要用来设置列与列之间的间距，其语法规则如下：

column-gap: normal || <length>

取值说明

属性值

属性值说明

normal

默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。

<length>

此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。

0 10-4 CSS3 列间距column-gap

2017-07-31

qq_Giroro_biuvDV

字体用不起 = =

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

2017-07-31

剑南青竹

animation-play-state属性主要用来控制元素动画的播放状态。

参数：

其主要有两个值：running和paused。

其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

0 9-8 CSS3中设置动画的播放状态

2017-07-31

Yapie_

ul > li:last-child
表示ul元素中的最后一个li元素

0 6-7 CSS3 结构性伪类选择器—last-child

2017-07-30

Yapie_

ul:first-child {
color: red;
}
也可以这样试试，有助于理解

0 6-6 CSS3 结构性伪类选择器—first-child

2017-07-30

Yapie_

body > ul:first-child {
color: red;
}
大家可以这样试试】。。
就会发现是body 里面的第一个ul元素设置样式

1 6-6 CSS3 结构性伪类选择器—first-child

2017-07-30

首页上一页 68 69 70 71 72 73 74 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3