本教程操作环境: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的数量更方便的维护样式表、更好的实现结构与表现的分离。
等等 ……
很神奇吧!css3使代码更简洁、更高效。可以极大的提高工作效率,打造更高级的用户体验。使web应用的界面设计进入一个新的台阶。
学习视频分享:css视频教程
以上就是css3可以做什么的详细内容。
