本文操作环境:Windows7系统,css3版,Dell G3电脑。
CSS3 是 CSS 的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等,目前有很多浏览器已经相继支持这项升级的规范,如:Firefox、Chrome、Safari、Opera 等等。在 Web 开发中采用 CSS3 技术将会显著的美化我们的应用程序,提高用户体验,同时也能极大的提高程序的性能。本文将重点介绍一些比较绚丽且实用 CSS3 新特性。
一:css3选择器
1.基本选择器
立即学习“前端免费学习笔记(深入)”;
2.属性选择器
3.伪类选择器
二:CSS3边框与圆角
1.CSS3圆角border-radius
2.盒阴影box-shadow
三:CSS3背景与渐变
1.CSS3背景
background-image
2.CSS3渐变
定义:可以在两个或者多个指定颜色之间显示平移的过渡
四:CSS3过渡
定义:允许css的属性值在一定时间区间内平滑的过渡,在鼠标点击,鼠标滑过或对元素任何改变中触发,并圆滑地以动画形式改变css的属性值。
五:CSS3变换
定义:让一个元素在一个坐标系统中变形,这个属性包含一系列的变形函数,可以移动,旋转,缩放元素。
六:CSS3动画
定义:使元素从一种样式逐渐变化到另外一种样式的效果。
免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)