慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

aashine

媒体设备类型: All 所有设备 Braille 盲人用点字法触觉回馈设备 Embossed 盲文打印机 Handheld 便携设备 Print 打印用纸或打印预览视图 Projection 各种投影设备 Screen 电脑显示器 Speech 语音或音频合成器 Tv 电视机类型设备 Tty 使用固定密度字母栅格的媒介，比如电传打字机和终端【其中Screen、All和Print为最常见的三种媒体类型】

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2015-05-15
ing125

nth-child of-type-child only-child

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-05-15
aashine

响应式布局例：.flexcontainer{ display: -webkit-flex; -webkit-flex-direction: row; justify-content: flex-start;} 参数： flex-direction: column（独占一行） | row（默认一行显示）; justify-content: flex-start | flex-end | center; 【flex-direction值为row用这个】 align-items: flex-start | flex-end |center; 【flex-direction值为column用这个】如果flex-direction值为row，既设置了justify-content：center，又设置了align-items: center，效果为水平垂直都居中例：

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2015-05-15
aashine

box-sizing属性:事先定义盒模型的尺寸解析方式语法：box-sizing: content-box | border-box | inherit 【具体见教程】盒子模型图示：http://img1.sycdn.imooc.com//5365d7b10001e8d506350529.jpg 从图中可以看出padding属性和content属性层叠background-image属性，层叠background-color属性，这个是存在的，它们四者之间构成了Ｚ轴（垂直屏幕的坐标）多重层叠关系。但是border属性与margin属性、padding属性三者之间应该是平面上的并级关系，并不能构成Ｚ轴的层叠关系。

查看全部

0 采集收起来源：CSS3 盒子模型
2015-05-15
aashine

column-span：跨列设置

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2015-05-15
aashine

column-rule：定义列与列之间的边框宽度、边框样式和边框颜色。语法：column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> 参数： 1.column-rule-width 类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 2.column-rule-style 类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 3.column-rule-color 类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色) 例： column-rule: 2px dotted green;

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2018-03-22
aashine

column-gap:设置列与列之间的间距参数： 1.normal：默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值） 2.<length>其可以使用px,em单位的任何整数值，但不能是负值。

查看全部

0 采集收起来源：CSS3 列间距column-gap
2018-03-22
aashine

column-count 参数：auto | <integer>（取值为大于0的整数，负值无效）

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2018-03-22
aashine

column-width 参数：auto | <length>

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2018-03-22
aashine

Columns:多列布局语法：columns: 200px 2;

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-05-15
aashine

perspective:透视方式，也就是近大远小的显示方式。镜头方向只能是平行Z轴向屏幕内，也就是从屏幕正前方向里看。可以调整镜头与平面位置： a) perspective属性设置镜头到元素平面的距离。所有元素都是放置在z=0的平面上。比如perspective(300px)表示，镜头距离元素表面的位置是300像素。例（3D菜单）：

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2015-05-15
aashine

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 (动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果) 原背景色1 ，动画开始色2，变成的色3， none，由1开始，最后回到1， both，由2开始，最后是3 forwards：由1开始，最后是3 backwards：由2开始，最后是1 例：

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-05-15
aashine

animation-play-stat：控制动画的播放状态参数： 1.running是其默认值，播放 2.paused，暂停暂停的动画继续播放：从暂停的那个位置开始播放例：

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-05-15
aashine

animation-direction:设置动画播放方向参数： 1.normal是默认值，动画的每次循环都是向前播放； 2.alternate：第偶数次向前播放，第奇数次向反方向播放。浏览器兼容：Chrome和Safari浏览器，加-webkit-前缀例：

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2015-05-15
aashine

animation-iteration-count：设置动画播放次数参数: 1.整数，对应的完整播放次数（默认为1） 2.如果取值为infinite，动画将会无限次的播放

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2015-05-15

首页上一页 949 950 951 952 953 954 955 下一页尾页

0/150

提交

取消

开始学习

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

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