慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

一止水

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

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-08-06
一止水

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

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2016-08-06
一止水

column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2016-08-06
qq_美丽的曲线_03762593

.columns{border:1px green solid; -webkit-column-count:2;}

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2016-08-05
瑶海王力宏

content-box的width是定义内容区域的宽度，然后border、padding什么的，都在内容区域外，导致整个盒子的宽度变大。 border-box的width是定义整个盒子的宽度，所以在border、padding相同的情况下，内容宽度会变小。

查看全部

0 采集收起来源：CSS3 盒子模型
2016-08-05
瑶海王力宏

至于为什么，W3C的标准盒模型中，内容、内边距和边框变化会把元素撑大，而传统IE盒模型中则没有这个问题： box-sizing:content-box，按W3C的盒子模型计算，内容+内边距+边框=元素大小这是搭积木，三块积木搭出一个房子，任何一块积木大小变化了，房子结构就不稳定了，表现为把元素撑大 box-sizing:border-box，按传统IE盒子模型计算，元素大小=内容+内边距+边框这是盖房子，事先定好尺寸，盖好一个房子，里边放三块积木，随便你们三个怎么变化，只要不超过房子的大小，随你们折腾

查看全部

0 采集收起来源：CSS3 盒子模型
2016-08-05
小幸运17

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-05
一止水

多列布局columns属性参数主要就两个属性参数：列宽和列数。

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-08-05
一止水

animation-iteration-count属性主要用来定义动画的播放次数。语法规则： animation-iteration-count: infinite <number> [, infinite <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。举例：通过animation-iteration-count属性让动画move只播放5次，代码设置为： animation-iteration-count:5;

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2018-03-22
一止水

animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2016-08-05
一止水

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-08-05
一止水

transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。有时我们想改变两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，用逗号（“，”）隔开，然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点：第一个时间的值为 transition-duration，第二个为transition-delay。例如：a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;}

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-08-05
一止水

CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-08-05
一止水

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。 transform:matrix(1,0,0,1,100,100);

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-05
一止水

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-08-05

首页上一页 454 455 456 457 458 459 460 下一页尾页

0/150

提交

取消

开始学习

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

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