慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕粉162944327

使用@font-face引入字体

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2017-04-14
qq_伯伯伯亮_0

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-04-14
qq_伯伯伯亮_0

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。记得写transform:rotate(45deg)

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2017-04-14
慕粉4018805

响应式设计：Responsive设计（1）作用:是精心提供各种设备都能浏览网页的一种设计方法（2）满足条件：1 网站必须建立灵活的网格基础 2 引用到网站的图片必须是可伸缩的 3 不同的显示风格，需要在Media Queries上写不同的样式。、

查看全部

0 采集收起来源：Responsive设计（一）
2017-04-14
慕粉4018805

媒体类型（media queries）的引用方法常见有link标签，@import，新增的@media 一 link方法在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型二 @import方法（1）既可以引用样式文件同时也可引用媒体类型（2）引入媒体类型主要有两种方式：1 在样式中通过@import调用另一个样式文件 2 在<head></head>标签中的<style></style>中引入，但这方法在IE6-7中不支持

查看全部

0 采集收起来源：media queries——媒体类型（二）
2018-03-22
慕粉4018805

媒体类型 Media Queries ALL:所有设备（常见） Braile:盲人用点字法触觉回馈设备 Embossed:盲文打印机 Handheld:便携设备 print:打印用纸或打印预览视图 projection:各种投影设备 Screen；电脑显示屏（常见） Speech:语音或音频合成器 Tv:电视机类型设备（常见） Tty:使用固定密度字母格栅的文件，比如电传打字机和终端

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2017-04-14
慕粉4018805

若（1）flex-direction:row 则用justify-content控制方向（2）flex-direction:column 则用align-items控制方向

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2017-04-14
慕粉4018805

Flexbox布局---伸缩布局盒模型所具功能：（1）屏幕和浏览器窗口大小发生改变时灵活调整布局；（2）可指定伸缩项目沿着主轴或侧轴按比例分配，从而调整大小（3）可指定如何将垂直布局轴的额外空间分布到元素周围；（4）可控制元素在页面上的布局方向（5）可按照不同于文档对象模型（DOM）所指定排序方式对屏幕上的元素重新排列。

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2017-04-14
慕粉4018805

盒子模型box-sizing有三种 (1)content-box:维持W3C的标准盒模型，即元素的边框宽度=元素边框宽度+元素内距+元素内容宽度（2）border-box:维持IE传统的盒模型：元素的宽度等于元素内容的宽度（3）inherit:使元素继承父元素的盒模型模式

查看全部

0 采集收起来源：CSS3 盒子模型
2017-04-14
十年梦丶

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-04-13
jugge

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2017-04-13
jugge

animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。例如：通过animation-direction属性，将move动画播放动画方向设置为alternate，代码为： animation-direction:alternate;

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2017-04-13
慕粉4018805

column-span:定义一个分列元素能跨列多少； none:不跨越任何列 all:跨越所有列 nth-child(2n):跨越偶数列

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2017-04-13
兰小尔

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2017-04-13
慕粉4018805

column-rule:定义列与列之间的边框宽度、样式、颜色，类似border属性但其不占用任何空间位置，不改变任何列的位置；规则：column-rule:宽度样式颜色

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2017-04-13

首页上一页 257 258 259 260 261 262 263 下一页尾页

0/150

提交

取消

开始学习

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

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