如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS...
分类:
Web程序 时间:
2014-07-16 21:46:17
阅读次数:
174
方法一:CSS3的background rgbafilter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');background...
分类:
Web程序 时间:
2014-07-16 20:01:19
阅读次数:
275
今天要记录的是CSS3中的三种属性transform、transition以及animation,这三个属性大大提升了css处理动画的能力。一、Transform 变形 CSS中transform 属性允许你修改CSS可视化模型的坐标控件。使用transform,元素可以安装设定的值变形、旋转、缩....
分类:
Web程序 时间:
2014-07-13 13:00:09
阅读次数:
546
总的来说:这是CSS3.0的对于文章段P容器的定义方法语句!display:block这个样式,只定义了P容器为一个块;后面四句是CSS3中的样式定义方法;-webkit-margin-before: 1em;-webkit-margin-after: 1em;分别定义p的上边距和下边距的数值是1倍...
分类:
其他好文 时间:
2014-07-11 23:24:13
阅读次数:
266
又一个CSS3阴影效果,个人感觉CSS3的阴影比传统的CSS滤镜实现的阴影更生动,阴影可以是无规则的,而且阴影的大小也是随时变化的,本例子就是用CSs3写成一个Logo,然后再加以阴影特效,重点不是展示阴影效果有多漂亮,而是如何去实现这种CSS3效果。<!DOCTYPEhtmlPUBLIC"-//W3C..
分类:
Web程序 时间:
2014-07-09 08:31:29
阅读次数:
258
第1章 初识CSS3
CSS3课程列出第一站,先带领大家进入CSS3的世界,探索CSS3的魅力!你做好准备了吗?
第2章 边框
本课程主要讲解border-color 、border-image 、border-radius 及box-shadow 相关知识
第3章 颜色相关
学习CSS3中与颜色有关的属性,包括RGBA colors和Gradient,来实现在此...
分类:
Web程序 时间:
2014-07-08 20:49:19
阅读次数:
219
css3布局方式:不推荐使用float,有时候使用浮动的时候,对于可适应的流氏布局,无法胜任。 推荐使用css3的display:webkit-box。使用的html代码 box-...
分类:
Web程序 时间:
2014-07-08 10:23:42
阅读次数:
323
在这一章,为了展示本书所用的代码约定我会介绍一些新的CSS3属性,但在此之前我想简要说明下CSS3的历史。很想然你不需要为了使用CSS3去了解它的历史,但是我认为有一些关于CSS3当前状态的背景是很重要的。 CSS3是一个在变化的规范。规范的一部分被认为是稳定的并且在现代浏览器中得到了很好的实...
分类:
Web程序 时间:
2014-07-06 14:57:58
阅读次数:
214
今天在公司没事,研究了一下最近流行的SVG技术,发现,随着css3的不断流行,和浏览器技术的发展,SVG将会取代网站大量图片,成为网站图片展现的主流。...
分类:
其他好文 时间:
2014-07-06 11:58:10
阅读次数:
132