CSS3特性总结

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

实现图片效果

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

盒容器变形

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

支持自定义字体

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

选择器

有点类似jQuery,当然还是没有jQuery的选择器灵活,但这是一个质的进步了。CSS3增加了很多伪类与属性选择器,如可以选择input中type为text类型的标签。甚至可以说整篇HTML文档不需要使用一个ID或者class即可达到样式美化效果,当然,谁也不会这么干,要不然重构时就哭死了

过渡与动画

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

多列布局

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

分享

TITLE: CSS3特性总结

LINK: https://www.qttc.net/3-css3-features.html

NOTE: 原创内容,转载请注明出自琼台博客