css经典教程.pdfVIP

CSS 教程经典教程 注：本教程由网络整理，版权归愿所有人 Ctrl+单击查看更多实例 CSS 教程经典教程 1 CSS经典 教程基础篇 1 CSS经典 教程提高篇--CSS 框模型 27 CSS经典 教程提高篇--CSS 定位 43 CSS经典 教程提高篇--CSS 高级 53 CSS经典 教程—CSS 实例 65 CSS经典 教程—参考手册 74 CSS经典 教程—CSS 测验 86 CSS经典教程基础篇 通过使用CSS来提升工作效率！ 在我们的CSS教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。 开始学习CSS ！ CSS实例 学习70个实例。您可以对CSS代码进行编辑，然后单击测试按钮来查看结果。 亲自试一下吧 ！ CSS测验 在W3School测试您的CSS技能！ 开始CSS测验！ CSS参考手册 在W3School，我们提供完整的CSS2参考手册 （已升级为CSS2.1）。 CSS2参考手册 CSS 简介 需要具备的基础知识 在继续学习之前，你需要对下面的知识有基本的了解： · HTML · XHTML CSS概述 · CSS指层叠样式表 (CascadingStyleSheets) · 样式定义如何显示HTML元素 · 样式通常存储在样式表中 · 把样式添加到 HTML4.0 中，是为了解决内容与表现分离的问题 · 外部样式表可以极大提高工作效率 · 外部样式表通常存储在CSS文件中 · 多个样式定义可层叠为一 样式解决了一个普遍的问题 HTML标签原本被设计为用于定义文档内容。通过使用 h1、p、table这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使 用任何的格式化标签。 由于两种主要的浏览器 （Netscape和 Internet Explorer）不断地将新的HTML标签和属性 （比如字 体标签和颜色属性）添加到 HTML规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困 难。 为了解决这个问题，万维网联盟 （W3C），这个非营利的标准化联盟，肩负起了HTML标准化的使命， 并在 HTML4.0之外创造出样式 （Style）。 所有的主流浏览器均支持层叠样式表。 样式表极大地提高了工作效率 样式表定义如何显示 HTML元素，就像 HTML3.2的字体标签和颜色属性所起的作用那样。样式通常保 存在外部的.css文件中。通过仅仅编辑一个简单的CSS文档，外部样式表使你有能力同时改变站点中 所有页面的布局和外观。 由于允许同时控制多重页面的样式和布局，CSS可以称得上WEB设计领域的一个突破。作为网站开发 者，你能够为每个 HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更 新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。 多重样式将层叠为一个 样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中，在 HTML页的头元素中， 或在一个外部的CSS文件中。甚至可以在同一个 HTML文档内部引用多个外部样式表。 层叠次序 当同一个 HTML元素被不止一个样式定义时，会使用哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字