第3章 CSS的基本语法.ppt

第3章CSS的基本语法CSS语法中最基本的语法是选择器的概念和选择器的声明。本章将详述CSS的各种选择器,正确使用CSS选择器能为建立标准的XHTML页面带来很多的好处。本章还将讲述CSS的继承和层叠,理解和掌握这些概念是使用CSS样式表的重要基础。本章内容包括:深入讲解CSS语句的基本组成部分:。使用选择器可以指定XHTML文档中特定标签应用CSS样式。选择器有许多类型,包括标签选择器、类选择器、ID选择器、全局选择器、组合选择器、继承选择器和伪类等。,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。。。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。。,不同的是,ID选择器不能复用。在一个XHTML文档中,一个ID选择器只能把其CSS样式指定给一个标签。。。它能作用于XHTML文档中的所有元素。。、类选择器和ID选择器是可以组合起来使用的。一般的组合方式是标签选择器和类选择器组合,标签选择器和ID选择器组合。由于这两种组合方式的原理和效果一样,所以只介绍标签选择器和类选择器的组合。组合选择器只是一种组合形式,并不算是一种真正的选择器,但在实际中经常使用。。每个XHTML都可以被看作一个文档树,文档树的根部就是html标签,而head和body标签就是其子元素。在head和body里的其他标签就是html标签的孙子元素。整个XHTML就呈现一种祖先和子孙的树状关系。CSS的继承是指子孙元素继承祖先元素的某些属性。以下通过实例来详细讲解这两个重要的CSS概念。,但是用伪类定义的CSS样式并不是作用在标签上的。伪类作用在标签的状态上。由于很多浏览器支持不同类型的伪类,没有一个统一的标准,所以很多伪类都不常被用到。伪类包括:first-child、:link:、vistited、:hover、:active、:focus和:lang等等。其中有一组伪类是主流浏览器都支持的,就是超链接的伪类,包括:link:、:active、vistited和:hover。,声明写在选择器之后。CSS的声明写在一对大括号中,其中包含CSS的属性和值。声明的写法有明确的规则,若不遵守声明的规则,则可能导致CSS样式失效。以下为CSS声明的规则:声明中属性和值之间用分号隔开;声明中可以包含多个属性,;使用多重声明时,每个声明用分号隔开;声明的大括号必须书写完整。镑讨蛰骑漾链谊瑰忌渺耕粕晤缨杂腥叁奋其菏捻辽馆条殃派最哎竟蝎蜗越第3章CSS的基本语法第3章CSS的基本语法