慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

嗨嶏_嗨嶏

实际制作中还是有一些布局技巧的：在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。

查看全部

0 采集收起来源：Responsive布局技巧
2016-07-04
嗨嶏_嗨嶏

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

查看全部

0 采集收起来源：Responsive设计（二）
2016-07-04
MichaelDr

这个做起来挺好玩的

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-07-03
xuanbintop

总结下，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-07-03
Amy多多

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

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-07-02
南汐国际璐涵

前缀： -webkit -mol -ms -o 浏览器： chrome和safari firefox ie opera

查看全部

0 采集收起来源：什么是CSS3？
2016-07-01
Memoryin

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。如果添加多个阴影只需要用逗号隔开

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-06-30
Freya0_0

Zen Coding

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-06-30
Freya0_0

Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。也可以轻松跟Sass，LESS及Stylus集成，在CSS编译前或编译后运行。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-06-30
Freya0_0

以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-06-30
郑宇轩shine

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-06-29
680360aini

没有搞明白

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-06-29
xuanbintop

/*使用伪元素制作导航列表项分隔线*/ .nav li{ background: #f65f57 no-repeat right/ 1px 15px linear-gradient(to right, #dd2926,#a82724); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child {background:none;}

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-06-29
曹越xyy

多列布局记得浏览器兼容

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-06-29
曹越xyy

多列布局：columns：width count（宽度值+px 列数）

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-06-29

首页上一页 487 488 489 490 491 492 493 下一页尾页

0/150

提交

取消

开始学习

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

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