级联样式表（Cascading Style Sheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。
本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你介绍所有高级技巧。
学习CSS是很有趣的。你在学习本教程的过程中，记得留有充分的时间来实践你在每一课中学到的知识。
CSS是Cascading Style Sheets（级联样式表）的缩写。
我们可以用CSS做什么？
CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧！
HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。
经过下面若干课的学习之后，你将能够制作自己的CSS样式表，为自己的网站增添花样了。
采用CSS有哪些好处？
CSS是Web设计界的一次革命。CSS的具体优点包括：
通过单个样式表控制多个文档的布局；
更精确的布局控制；
为不同的媒体类型（屏幕、打印等）采取不同的布局；
无数高级、先进的技巧。
CSS跟HTML的区别在哪里？
HTML用于结构化内容；CSS用于格式化结构化的内容。
级联样式表（CSS）里用到的许多CSS属性都与HTML属性相似，所以，假如你熟悉采用HTML进行布局的话，那么这里的许多代码你都不会感到陌生。我们先来看一个具体的例子。
基本的CSS语法
比方说，我们要用蓝色作为网页的背景色：
用HTML的话，我们可以这样：
用CSS的话，我们可以这样获得同样的效果：
你会注意到，HTML和CSS的代码颇有几分相似。上例也向你展示了基本的CSS模型：
但是把CSS代码放在哪里呢？这正是我们下面要讲的。
为一个HTML文档应用CSS
为HTML文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法（即外部样式表）予以关注。
方法1：行内样式表（style属性）
为HTML应用CSS的一种方法是使用HTML属性 style。
我们在上例的基础之上，通过行内样式表将页面背景设为蓝色：
方法2：内部样式表（style元素）
为HTML应用CSS的另一种方法是采用HTML元素 style。
比如像这样：
方法3：外部样式表（引用一个样式表文件）
我们推荐采用这种引用外部样式表的方法。在本教程之后的例子中，我们将全部采用该方法。
外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘上。
例如，比方说你的样式表文件名为style.css，它通常被存放于名为style的目录中。就像下面这样：
现在的问题是：如何在一个HTML文档里引用一个外部样式表文件（style.css）呢？答案是：在HTML文档里创建一个指向外部样式表文件的链接（link）即可，就像下面这样：
注意要在 href 属性里给出样式表文件的地址。
这行代码必须被插入HTML代码的头部（header），即放在标签 <head> 和标签 </head> 之间。就像这样：
这个链接告诉浏览器：在显示该HTML文件时，应使用给出的CSS文件进行布局。
这种方法的优越之处在于：多个HTML文档可以同时引用一个样式表。换句话说，可以用一个CSS文件来控制多个HTML文档的布局。
这个链接告诉浏览器：在显示该HTML文件时，应使用给出的CSS文件进行布局。
这种方法的优越之处在于：多个HTML文档可以同时引用一个样式表。换句话说，可以用一个CSS文件来控制多个HTML文档的布局。
这一方法可以令你省去许多工作。例如，假设你要修改某网站（博客）的所有网页（比方说有100个网页）的背景颜色，采用外部样式表可以避免你手工一一修改这100个HTML文档的工作。采用外部样式表，这样的修改只需几秒钟即可搞定——修改外部样式表文件里的代码即可。
