CSS3都有哪些新特性呢?

html-css013

CSS3都有哪些新特性呢?,第1张

第 1 选择器

第 2 RGBA和透明度

第 3 多栏布局

第 4 多背景图

第 5 Word Wrap

第 6 文字阴影

第 7 @font-face属性

第 8 圆角(边框半径)

第 9 边框图片

第 10 盒阴影

第 11 盒子大小

第 12 媒体查询

第 13 语音

扩展资料:

工作原理

CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符[29]。

新增特性中transform的原理较为特殊,虽然使用位移函数translate()、缩放函数scale()、旋转函数rotate()和倾斜函数skew()可以简单地实现变形,但是变形中的矩阵函数都可以使用matrix()函数来代替。

新增特性

CSS3的新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。

参考资料:百度百科-css3

HTML5是目前非常主流的web前端开发技术,使用html5我们可以非常快速的完成一个pc端或移动端web应用的开发。《web开发技术》通过基础知识、中小实例、综合案例的方式,介绍了用HTML5+CSS3设计构建网站的必备知识,是从事网页制作、网站建设、web前端开发和移动端网站开发,甚至web app开发的人们必备的专业技能。 通过本课程的学习,学生首先要掌握html5的新增常用标记及其属性、如html5机构化标记、画图标记、多媒体标记、表单标记等。其次,需要进一步了解css3新增的知识点,包括Css3选择器、控制文本、边框、背景、动画、过渡、转换即用户界面设计等。最后,在html5和css3新增内容的基础上,进一步利用html5架构及css3样式的综合应用完成移动端实战项目案例开发,在开发过程中注重案例结构分析及移动端开发特点的经验总结。 课程内容共十二章。第一章主要介绍html5的发展、新标准及新特性,使大家对html5有个初步的了解。第二章至第五章主要介绍html5新增元素及其应用实例,包括html5新增文档结构标签、新增视音频标签、新增表单元素及属性、canvas画图等,这些新增的标签是html5的核心内容,也是本课程的重点知识内容。通过新增元素我们可以掌握如果利用新标准来构建网页结构以及如何结合js相关的api来实现一些web应用的简单控制,如控制视频、音频的播放或暂停,绘制动画等。第六章将简单介绍css3,css3是样式表的最新版本,在这一章我们重点介绍css3的一些新特性。第七章是css3选择器的介绍,css3的一个突出特点就是选择器的扩展,可以实现更简单但是更强大的功能。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的,这些模块包括:背景和边框、文字特效、多栏布局、用户界面、过渡特性、动画、转换等,在第八章至第十一章,将对这些模块进行逐步讲解,这部分所有的内容都是css3的重点内容,虽然难度有所增加但你会发现这部分内容是非常有趣的,几行样式代码就能实现一个网页动画,这部分内容还不值得你期待吗?在最后一张,我们进入项目实战阶段,这里我们介绍两个经典的项目案例,第一个项目是利用html5和css3重构携程网手机端界面,第二个案例是马蜂窝手机端界面。在项目当中,贯穿介绍移动端的一些技术开发特点,如响应式自适应布局、网站规划等,希望可以通过项目实战的分析,提高我们的web开发综合应用能力。