CSS3的很多属性都包含浏览器厂商前缀，用Emmet写CSS3属性会自动添加前缀，比如输入trs 会展开为：-webkit-transition: prop time;-moz-transition: prop time;-ms-transition: prop time;-o-transition...
分类：
Web程序 时间：
2015-08-21 09:22:11
阅读次数：
148
css3为我们提供了强大的动画功能，我们可以借助改变其他css属性；css3除了借助最常用css属性，要想实现更加漂亮的动画，结合css3的变换属性必可不少。 介绍css3的动画之前： transform 变换等 transition 过渡等 ...
分类：
Web程序 时间：
2015-08-20 19:12:49
阅读次数：
117
兼容所有浏览器的CSS3圆角解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案，但是说的不够全面，前端观察最近将整理更多更全面的资源给大家，敬请期待。 译：前一段时间，我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML...
分类：
Web程序 时间：
2015-08-20 18:33:05
阅读次数：
125
大家都知道JQuerry有animate方法来给DOM元素进行运动，CSS3中也有transition、transform来进行运动。而使用原生的Javascript来控制元素运动，需要写很多运动的细节以及兼容。然而，当你的BOSS不让你使用庞大的JQ框架，而且你开发的产品也需要在一些不兼容CSS3的浏览器运行的时候，你是否觉得每次都要开个定时器来琢磨运动该怎么进行，是件很费力的事情呢？那么福利来了...
分类：
编程语言 时间：
2015-08-20 17:04:18
阅读次数：
245
先从CSS3的选择器说起： E F：所有的子孙元素； E>F: E中的子元素； E+F：E元素之后的最近的选择器； E~F：E中所以后面兄弟元素（CSS3 不包括自己本身，前面也不包括） att*=val:只要包含指定的元素符（val1 val2 等等都算）； att^=val：...
分类：
Web程序 时间：
2015-08-18 18:16:59
阅读次数：
131
在做前端开发时，经常要在css3的属性前加上各浏览器厂商的前缀：，如Chrome(谷歌浏览器) ：-webkit- Safari(苹果浏览器) ：-webkit- Firefox(火狐浏览器) ：-moz- IE(IE浏览器) ：-ms- Opera(欧朋浏览器) ：-o-现在有个比较方便的方法:打...
分类：
Web程序 时间：
2015-08-18 11:27:48
阅读次数：
147
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助CSS3的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中....
分类：
Web程序 时间：
2015-08-17 17:04:29
阅读次数：
123
CSS3与CSS2相比发生了很大的变化，CSS3的亮点功能包括实现圆角、阴影、新的flex伸缩布局模型、多列布局模型、填充色的渐变、2D变形(位移、缩放、旋转、倾斜)、3D变形、动画(transition过渡动画、animation关键帧动画)等。看到这些字眼，你实际上已经可以深深感受到CSS3的野...
分类：
Web程序 时间：
2015-08-15 16:15:57
阅读次数：
102
这里把CSS3的新属性单独拿出来讲解一下：border-radius 属性用于创建圆角div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */}border-shadow 用于向方框添加阴影....
分类：
Web程序 时间：
2015-08-15 11:45:20
阅读次数：
124
CSS3入门之边框与背景1、前言CSS3作为CSS的最新版本，在展示效果上有非常大的提升，接下来，我们就一起领略一下CSS3的风采吧。2、CSS3边框2.1、border-radius(用于设置圆角边框)在CSS2时代，要想实现圆角边框，是一件非常麻烦的事情。一种实现方式是使用一个背景图片，为了实现...
分类：
Web程序 时间：
2015-08-15 11:40:09
阅读次数：
151
