第2章_CSS的基本语法.pptVIP

第2章 CSS的基本语法 CSS选择器 选择器是CSS中很重要的概念，所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果。 标记选择器 一个HTML页面由很多不同的标记组成，而CSS标记选择器就是声明哪些标记哪种CSS样式。每一个CSS选择器都包含选择器本身、属性和值，其中属性和值可以设置多个。 CSS选择器 类别选择器 类别选择器的名称可以由用户自定义，属性和值跟标记选择器一样，也必须符合CSS规范。 另外类别选择器还有一种很直观的使用方法，就是直接在标记声明后接类别名称，以此来区分该标记。 CSS选择器 ID选择器 ID选择器的使用方法跟class选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此其针对性更强。 技术背景 W3C（全球万维网联盟）的简称。W3C创建于1994年，研究web规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。W3C的主要职责是确定未来万维网的发展方向，并且制定相关的建议，由于W3C是一个民间组织，没有约束性，因此只提供建议。HTML4.01规范建议就是由W3C所制定的。它还负责制定CSS、XML、XHTML等其他网络语言规范。 选择器声明 集体声明 在声明各种CSS选择器时，如果某些选择器的风格是完全相同的，或者部分相同，这时就可以利用集体声明的方法，将风格相同的CSS选择器同时声明。 选择器声明 选择器嵌套 在CSS选择器中，还可以通过嵌套的方式，对特殊位置的HTML标记进行声明。 通过将b选择器嵌套在p选择器中进行声明，显示效果只适用于p和/p之间的b标记，而其外的b标记并不产生任何效果。 CSS的继承 父子关系 所有的css语句都是基于各个标记之间的父子关系。 例如下面的html文件，父子关系为： html head title父子关系/title /head body h1祖国的首都em北京/em/h1 p如果您有任何问题，欢迎a href=contactus联系我们/a/p /body /html Css继承的运用 Css继承指的是子标记会继承夫标记的所有样式风格，并可以在夫标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响到夫标记。 * * h1{?color:red;????font-size:25pt;} .one{?color:red;????font-size:25pt;} h3.one{?color:red;????font-size:25pt;} #box {?color:red;????font-size:25pt;} style type=text/cssh1,h2,h3,h4,h5{????color:#00ffff;????font-size:14pt;} /style style type=text/css p b {????color:#00ffff;????font-size:14pt;} /style