CSS教程----网页学习.docVIP

CSS教程 - 目录 介绍简要介绍本教程以及你能从中学到的知识。 第1课：CSS是什么？简述为什么需要CSS，以及采用CSS进行页面布局与设计比采用HTML有什么优势。 第2课：CSS的工作原理学习CSS的基本语法，并创建自己的第一个样式表。 第3课：颜色与背景学习如何为网站设置颜色、背景色及背景图像。 第4课：字体这一课，你将学习字体以及如何用CSS来设置字体。 第5课：文本这一课将向你介绍CSS在文本布局方面令人激动的特性。 第6课：链接关于如何为链接添加奇特而有用的效果，以及伪类的用法。 第7课：元素的分类与标识（class和id）详细了解如何用class和id为所选元素指定CSS属性。 第8课：组织元素（span与div）详细了解如何使用span和div这两个对CSS很重要的HTML元素。 第9课：盒状模型CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒子。 第10课：盒状模型——外边距和内边距通过设置margin和padding属性来修改元素的外观。 第11课：盒状模型——边框了解在设置边框方面CSS提供的无尽选择。 第12课：盒状模型——高度和宽度在这一课，我们将看到为元素定义高度和宽度是十分简单的。 第13课：浮动元素（float）我们可以通过CSS属性float令元素向左或向右浮动。 第14课：元素的定位CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。 第15课：用z-index进行层次堆叠在这一课，我们将学习如何用层次令不同元素堆叠起来。 第16课：Web标准与验证最后一课介绍了W3C标准，以及如何验证自己的CSS是符合标准的。 介绍 CSS级联样式表（Cascading Style Sheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的 。使用CSS要求你有基本的HTML经验。如果你不熟悉HTML，那么请在开始学习CSS之前先学习 我需要什么软件？ 在学习本教程时，请不要使用类似FrontPage、DreamWeaver或Word这样的软件。这些高级软件对你学习CSS没有帮助。相反，它们会限制你，并显著减慢你的学习进度。 你所需要的只是一个免费的简易文本编辑器。 例如，微软视窗操作系统（Microsoft Windows）自带的记事本（Notepad）程序。你可以依次点击“开始菜单→程序→附件”找到该程序。如果你用的是其他操作系统，那么也有类似的简易文本编辑器可用，比如Linux上的Pico或Mac（苹果机）上的Simple Text。采用简易文本编辑器来学习编写HTML和CSS是非常好的，因为它不会影响或修改你所输入的代码。这样，代码的对错完全取决于你自己，而不是软件 。你可以使用任何浏览器。但我们建议你把浏览器升级至最新版本。你所需要的全部软件就是一个浏览器和一个简易文本编辑器。 第1课：CSS是什么？ 也许你曾听说过CSS，但并不真正清楚CSS到底是什么。在这一课，你将学到更多CSS的知识，并了解CSS可以做些什么。 CSS是Cascading Style Sheets（级联样式表）的缩写。 可以用CSS做什么？ CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧！ HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。经过下面若干课的学习之后，你将能够制作自己的CSS样式表，为自己的网站增添花样了。 CSS跟HTML的区别在哪里？ HTML用于结构化内容；CSS用于格式化结构化的内容。嗯，这听上去有点技术性并令人疑惑。不过没关系，我们继续学习。过会儿你就明白了。