php入门培训教程php培训教程php基础教程04css31章节.ppt

CSS3-01主讲:邮箱:本章内容CSS3的介绍与新特性简述,优点CSS3的选择器CSS3的新属性CSS3的简介什么是层叠样式表:CSS是CascadingStyleSheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。CSS3是目前被使用最广泛的版本,部分新的特性尚未得到所有浏览器支持。#id ID选择器*通配符TagName标签选择器层级选择器Div,p组合选择器Divp包含式选择器Div>p选择所有作为div元素的子元素pDiv+p选择紧贴在div元素之后p元素Div~p选择div元素后面的所有兄弟元素p属性选择器[attribute]选择具有attribute属性的元素。[attribute=value]选择具有attribute属性且属性值等于value的元素。[attribute~=value]选择具有attribute属性且属性值为一用空格分隔的字词列表,其中一个等于value的元素。[attribute|=value]选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。[attibute^=value]匹配具有attribute属性、且值以valule开头的E元素[attribute$=value]匹配具有attribute属性、且值以value结尾的E元素[attribute*=value]匹配具有attribute属性、且值中含有value的E元素结构性伪类选择器:first-letter设置对象内的第一个字符的样式。:first-line设置对象内的第一行的样式。:before设置在对象前(依据对象树的逻辑结构)发生的内容。:after设置在对象后(依据对象树的逻辑结构)发生的内容。:lang(language)匹配使用特殊语言的E元素。:element1~element2::first-of-type匹配同类型中的第一个同级兄弟元素:last-of-type匹配同类型中的最后一个同级兄弟元素结构性伪类选择器:only-of-type匹配同类型中的唯一的一个同级兄弟元素:only-child匹配父元素仅有的一个子元素:nth-child(n)匹配父元素的第n个子元素:nth-last-child(n)匹配同类型中的倒数第n个同级兄弟元素:last-child()匹配父元素的最后一个子元素:root匹配元素在文档的根元素。在HTML中,根元素永远是HTML:empty匹配没有任何子元素(包括text节点)的元素