css3可以做什么


本文摘自PHP中文网,作者青灯夜游,侵删。

CSS3把以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定,比如圆角、图片边框、阴影 、渐变、动画等。CSS3使代码更简洁、更高效,简化了前端开发工作人员的设计过程,加快了页面载入速度,打造更高级的用户体验。

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1 的基础上增加了很多强大的新功能,目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。

在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容,前缀还是少不了的。

  • Chrome 和 Safari:-webkit

  • Firefox:-moz

  • IE:-ms

  • Opera:-o

CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定。比如:圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理(旋转、缩放、倾斜、移动)、过渡、动画、多栏布局、媒体查询等。

CSS3简化了前端开发工作人员的设计过程,加快页面载入速度。

还有选择器,以前我们通常用class、 ID 或 tagname 来选择HTML元素,CSS3的选择器强大的难以置信。它们可以减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。

1.png

2.png

3.png

4.png

5.png

等等 ……

很神奇吧!CSS3使代码更简洁、更高效。可以极大的提高工作效率,打造更高级的用户体验。使web应用的界面设计进入一个新的台阶。

学习视频分享:css视频教程

以上就是css3可以做什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

CSS3如何实现颜色渐变效果

ie对CSS3的支持吗

animation-delay属性怎么用

wxss和CSS3的区别是什么

CSS3 flexbox该怎么使用?

CSS3是做什么的

CSS3代码和css有不同吗

animation-duration属性有什么用

CSS3兼容ie8吗

css中伪类和伪元素的详细介绍(代码示例)

更多相关阅读请进入《CSS3》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...