CSS3特性总结

HTML/CSS 2011-12-30 CSS3,特性

CSS3现在是推得如火如荼了,目前主流浏览器都开始逐步支持CSS3,看来CSS3在一定时间内会迅速占领CSS2。现在我们来看看CSS3的一些新特性。

一、实现图片效果

圆角、半透明背景、阴影,特别是文字阴影、渐变等等,这些昔日依赖图片实现的视觉效果,在CSS3里都可以使用代码搞定。

二、盒容器变形

CSS3中可以再2D或者3D空间里操作和容器的位置和形状,如旋转、缩放、移动等等。如地球模型的展示,可以使用鼠标拖动、旋转、缩放等等。

三、支持自定义字体

这一点是值得学习使用的,在以前的CSS版本中,字体只能是客户端支持,现在是服务器端支持了。意思就是你可以把你的字体文件上传到服务器,当有人浏览的时候会自动从服务器上下载字体从而达到所有客户机使用的字体都一致,这样可以更好的呈现漂亮的文本,否则普通的网站就只能以默认字体显示了。但字体文件不能太大,否则下载时间过长也会影响打开网页速度。

四、选择器

有点类似jQuery,当然还是没有jQuery的选择器灵活,但这是一个质的进步了。CSS3增加了很多伪类与属性选择器,如可以选择input中type为text类型的标签。甚至可以说整篇HTML文档不需要使用一个ID或者class即可达到样式美化效果。只是我感觉这有点假了,复杂的页面还是需要ID支持的。

五、过渡与动画

目前网上许多动画效果除FLASH外好多都靠JS,毕竟动画要产生一些算法,而CSS3还不支持算法。官方说这个可以过渡与动画可以平缓地呈现一个元素的样式变化,但也只能是简单的,复杂的都离不开JS。

六、多列布局

有点类似报纸布局一样,为了方便阅读可以把文字分成几列。这对于文字比较多的网页来说,应该可以采用这个特性。不过目前网页的宽度普遍都是固定的,除去侧栏剩下主栏的宽度感觉刚好合适,再弄多列就多此一举了。那些比较个性的网站宽度是百分百的可以试试。

文字链接:《CSS3特性总结

文章地址:http://www.qttc.net/2011123.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 0

    Hi,你想第一个做沙发么?