会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 建站经验 > HTML 5 & css 3的新交互特性 网页能实现哪些效果?

HTML 5 & css 3的新交互特性 网页能实现哪些效果?

时间:2011-11-25 20:16:37   作者:   来源:   点击:

1. RGBa

CSS3的RGBa新特性允许你对每个元素进行色彩以及透明度的设置。而原来常常使用的opacity命令只能对元素及其子元素进行设置。

2. Multi-column layout

CSS3新提供的多栏布局选择器无需HTML布局标签便可生成多栏布局,同时‘栏数’、‘栏宽’以及‘栏间距’都是可以定义的。

3. Round corners

圆角功能多是CSS3提供的最实用的功能了。通过Border-radius,你可以没有任何难度的给指定的HTML元素添加圆角。并且你还可以定义圆角的年夜小,以及哪个角是圆角,哪个角不是圆角。

4. @font-face

当网页显示某种用户没有安装的字体时,CSS3提供的@font-face功能会自动的、默默地帮用户从网络上下载相应字体。从而让设计师加倍自由的阐扬,而不消斟酌用户的机械是否安装了相应字体。

5. 其他特性

别的,CSS3还给我们带来了渐变、避免字符串太长溢出、多重布景以及用图片来作为元素边框等功能。

操纵好CSS3,你可以更快捷的取得以往用很多插件才能取得的效果。同过使用元素自己来取代年夜部分图片,网页的加载速度会取得提升,这些原本是图片的内容,也可以被搜索引擎检索到。

HTML5和CSS3的兼容性

HTML5和CSS3的标准并未正式完成,各家阅读器对其支持水平也不尽相同。体会HTML5和CSS3的兼容性是十分需要的。下面的毗连是一个专门跟踪HTML5和CSS3兼容性的网站,有兴趣的朋友可以点击查看:

.findmebyip/litmus

一些你可能感兴趣的资源

.apple/HTML5/showcase/

http://html5watch.tumblr/

http://w3school/index.html

.mhtml5/

http://html5demos/

.sencha/

.findmebyip/litmus/

.thetimes.co/tto/news/

http://maps.谷歌/

分享到:

网友评论

热门建站经验