首页 > 编程知识 正文

列举5个css3新增的属性,css3有哪些新样式

时间:2023-05-06 11:19:01 阅读:168721 作者:4648

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动画

定义:元素从一种样式逐渐变化到另一种样式的效果。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。