cs3的新特点是: 1、圆角效应; 2、图形化边界3、区块阴影和文字阴影; 4、使用RGBA实现透明效果5、渐变效果; 6、使用“@Font-Face”实现自定义字体; 7、多背景图; 8、文字或图像变形处理; 9、多级布局; 10、媒体查询等。
本文系统要求: Windows7系统、CSS版本3、Dell G3计算机。
CSS3是CSS的升级版,提供了更丰富、更实用的规范,包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字效果、多列布局等。 目前,许多浏览器(包括Firefox、Chrome、Safari和Opera )纷纷支持此升级规范。 通过在Web开发中采用CSS3技术,我们的APP被明显美化,在提高用户体验的同时,程序的性能也大幅提高。 本文重点介绍比较美观实用的CSS3的新特性。
(一) CSS3选择器
1 .基本选择器
2 .属性选择器
3 .伪类选择器
(2) CSS3框和圆角
1.CSS3圆角border-radius
2 .盒阴影盒阴影
(三) CSS3背景和渐变
1.CSS3的背景
背景图像
2.CSS3渐变
定义:可以显示两种或多种指定颜色之间的平移过渡
(四) CSS3迁移
定义:使css属性值在一段时间内平滑过渡,并在鼠标单击、鼠标悬停或更改元素时触发,从而使css属性值平滑动画化和更改。
(五) CSS3转换
定义:使元素在坐标系中变形。 此属性包含一组变形函数,您可以在其中移动、旋转和缩放元素。
(6) CSS3动画
定义:元素从一种样式逐渐变化到另一种样式的效果。