css3是什么意思?

CSS(Cascading Style Sheets,层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

什么是CSS3?

CSS3是CSS技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新,因此通过采用模块方法,CSS3规范里的元素能以不同速度向前发展,因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性,这也让跨浏览器开发变得复杂。

早在2001年W3C就完成了CSS3的草案规范。CSS3规范的一个新特点是被分为若干个相互独立的模块。一方面分成若干较小的模块较利于规范及时更新和发布,及时调整模块的内容,这些模块独立实现和发布,也为日后CSS的扩展奠定了基础。另外一方面,由于受支持设备和浏览器厂商的限制,设备或者厂商可以有选择的支持一部分模块,支持CSS3的一个子集,这样有利于CSS3的推广。

语言基础

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

CSS3的语法是建立在CSS原先版本基础上的,它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS选择器中的大部分并不是在CSS3中新添加的,只是在之前的版本中没有得到广泛的应用。如果想尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离,高级选择器是非常有用的,它们可以减少在标签中的class和ID的数量并让设计师更方便地维护样式表。

新增的选择器如下表所示:

选择符类型表达式描述
子串匹配的属性选择符
E[att^="val"]
匹配具有att属性、且值以val开头的E元素
E[att$="val"]
匹配具有att属性、且值以val结尾的E元素
E[att*="val"]
匹配具有att属性、且值中含有val的E元素
结构性伪类
E:root
匹配文档的根元素。在HTML(标准通用标记语言下的一个应用)中,根元素永远是HTML
E:nth-child(n)
匹配父元素中的第n个子元素E
E:nth-last-child(n)
匹配父元素中的倒数第n个结构子元素E
E:nth-of-type(n)
匹配同类型中的第n个同级兄弟元素E
E:nth-last-of-type(n)
匹配同类型中的倒数第n个同级兄弟元素E
E:last-child
匹配父元素中最后一个E元素
E:first-of-type
匹配同级兄弟元素中的第一个E元素
E:only-child
匹配属于父元素中唯一子元素的E
E:only-of-type
匹配属于同类型中唯一兄弟元素的E
E:empty
匹配没有任何子元素(包括text节点)的元素E
目标伪类
E:target
匹配相关URL指向的E元素
UI元素状态伪类
E:enabled
匹配所有用户界面(form表单)中处于可用状态的E元素
E:disabled
匹配所有用户界面(form表单)中处于不可用状态的E元素
E:checked
匹配所有用户界面(form表单)中处于选中状态的元素E
E::selection
匹配E元素中被用户选中或处于高亮状态的部分
否定伪类
E:not(s)
匹配所有不匹配简单选择符s的元素E
通用兄弟元素选择器
E ~ F
匹配E元素之后的F元素

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

更多web开发知识,请查阅 HTML中文网 !!

以上就是css3是什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读