css基本知识.pptVIP

课程目标 1994年哈坤·利提出了CSS的最初建议。伯特·波斯（Bert Bos）当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。 在CSS中，一个文件的样式可以从其它的样式表中继承下来。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合各人的爱好。 哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议，1995年他与波斯一起再次展示这个建议。当时W3C刚刚建立，W3C对CSS的发展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人（比如微软的托马斯·雷尔登）是这个项目的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本被出版。 1997年初，W3C内组织了专门管CSS的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题，其结果是1998年5月出版的第二版要求。到现在为止，第三版还未完备。 W3C简介 W3C 是什么？ W3C 指万维网联盟（World Wide Web Consortium） W3C 创建于1994年10月 W3C 由 Tim Berners-Lee 创建 W3C 是一个会员组织 W3C 的工作是对web进行标准化 W3C 创建并维护 WWW 标准 W3C 标准被称为 W3C 推荐（W3C Recommendations） W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。 CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。 CSS全称是Cascading Style sheet，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 采用CSS布局相对于传统的TABLE网页布局： （1）使用CSS布局更符合现在的W3C标准。在几乎所有的浏览器上都可以使用。 （2）易于维护和改版：使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。可以轻松地控制页面的布局 可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 （3）表现和内容相分离：比较HTML而言，它实现了代码与表示的分离 （4）提高页面浏览速度：对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 （1）直接应用 比如：显示红色字体 br / font color=redred/font br / font style=color:Redred/font br / span style=color:Redred/span （2）在文档内部应用 HTML HEAD style type=text/css .style1 {color: red} #style2{color:blue} /style /HEAD body 显示红色字体 br / span class=style1red/span br / span id=style2blue/span /body /HTML （3）作为文件引用 HTML HEAD link href=StyleSheet.css type=text/css rel=stylesheet / /HEAD body 显示红色字体 br / span class=style1red/span br / span id=style2blue/span /body /HTML （1）作为类使用 （2）作为ID使用 （3）标签样式重写 Css 选择器：类别选择器、Id选择器、标记选择器 类别选择器 Id选择器 标记选择器 css申明 最典型的css声明 分项声明方式 集体声明 嵌套声明 CSS的继承与层叠 继承：父子关系 （见备注代码） 匹配原理： 浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如