慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

小m_

设置断点应把握三个要点：满足主要的断点；有可能的话添加一些别的断点；设置高于1024的桌面断点。

查看全部

0 采集收起来源：Responsive设计（二）
2016-02-18
小m_

媒体特性是通过min/max来表示大于等于或小于做为逻辑判断，而不是使用小于（<）和大于（>）这样的符号来判断。 1. 最大宽度max-width “max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效。如： @media screen and (max-width:480px){ .ads { display:none; } } 上面表示的是：当屏幕小于或等于480px时,页面中的广告区块（.ads）都将被隐藏。 2.最小宽度min-width “min-width”与“max-width”相反，指的是媒体类型大于或等于指定宽度时，样式生效。 @media screen and (min-width:900px){ .wrapper{width: 980px;} } 上面表示的是：当屏幕大于或等于900px时，容器“.wrapper”的宽度为980px。 3.多个媒体特性使用用and连接当屏幕在600px~900px之间时，body的背景色渲染为“#f5f5f5”，如下所示。 @media screen and (min-width:600px) and (max-width:900px){ body {background-color:#f5f5f5;} }

查看全部

0 采集收起来源：Media Queries使用方法
2018-03-22
小m_

Media Queries的使用方法如下。 @media 媒体类型and （媒体特性）{你的样式} 举例： @media screen and (max-width:480px){ .ads { display:none; } }

查看全部

0 采集收起来源：Media Queries使用方法
2016-02-18
于梦中

.clearfix:before, .clearfix:after {content:””; display:table;} .clearfix:after {clear:both; overflow:hidden;}

查看全部

0 采集收起来源：CSS生成内容
2016-02-18
于梦中

外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit outline-offset 参数用另外设置，不能放里面

查看全部

0 采集收起来源：CSS3外轮廓属性
2016-02-18
Amy1234567

多列布局——Columns 多列布局columns属性参数主要就两个属性参数：列宽和列数。 -webkit-columns:150px 3;

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-02-18
玲ling玲

制作3D旋转导航综合

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-02-18
Amy1234567

设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。其主要有两个值：running和paused。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-02-18
Amy1234567

设置动画播放方向 animation-direction属性主要用来设置动画播放方向其主要有两个值：normal、alternate normal向前 alternate偶数次向前奇数相反方向播放

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-02-18
Amy1234567

设置动画播放次数即最后一个参数取值为infinite 为无限取值为数字为次数

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2016-02-18
sandogeek

box-shadow:设置的阴影本身大小与块大小相同。扩展半径是用于增加阴影块本身的大小，在四周各增加设置的值。例如本身大小20*20，设置扩展半径为5，阴影块大小变为30*30。模糊半径增加在阴影块的边界外。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-02-17
Amy1234567

Keyframes介绍 “@keyframes”中的样式规则可以由多个百分比构成的，如在“0%”到“100%”之间创建更多个百分比，分别给每个百分比中给需要有动画效果的元素加上不同的样式例如： @-webkit-keyframes changecolor{ 0%{ background: red; } 100%{ background: red; } } div { width: 300px; height: 200px; background: red; color:#fff; margin: 20px auto; } div:hover { -webkit-animation: changecolor 5s ease-out .2s; }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-02-17
慕尼黑9312743

a:水平缩放 b:水平倾斜 c:垂直倾斜 d:垂直缩放 e:水平位移 f:垂直位移

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-02-17
玲ling玲

设置动画播放方式

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2016-02-17
Amy1234567

假设你的初始状态设置了样式“width”,“height”,“background”,当你在终始状态都改变了这三个属性，那么all代表的就是“width”、“height”和“background”。如果你的终始状态只改变了“width”和“height”时，那么all代表的就是“width”和“height”。 -webkit-transition: all .28s ease-in .1s; transition: all .28s ease-in .1s;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-02-16

首页上一页 628 629 630 631 632 633 634 下一页尾页

0/150

提交

取消

开始学习

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

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