首頁 >web前端 >css教學 >css3新特性有哪些

css3新特性有哪些

云罗郡主
云罗郡主原創
2019-03-06 13:48:2376315瀏覽

CSS3的新特征有:1、圆角效果;2、图形化边界;3、块阴影与文字阴影;4、使用RGBA实现透明效果;5、渐变效果;6、使用“@Font-Face”实现定制字体;7、多背景图;8、文字或图像的变形处理;9、多栏布局;10、媒体查询等。

css3新特性有哪些

本文操作环境: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动画

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

以上是css3新特性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn