CSS/tutorials/lesson1

第1课：CSS是什么？

也许你曾听说过CSS，但并不真正清楚CSS到底是什么。在这一课，你将学到更多CSS的知识，并了解CSS可以做些什么。

CSS是Cascading Style Sheets（级联样式表）的缩写。

可以用CSS做什么？

CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧！

HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。

经过下面若干课的学习之后，你将能够制作自己的CSS样式表，为自己的网站增添花样了。

CSS跟HTML的区别在哪里？

HTML用于结构化内容；CSS用于格式化结构化的内容。

嗯，这听上去有点技术性并令人疑惑。不过没关系，我们继续学习。过会儿你就明白了。

在Tim Berners-Lee发明万维网（World Wide Web）的那个年代，HTML语言是唯一用于给文本添加结构的语言。作者可以通过声明“这是一个标题”（利用h1标签）或“这是一个段落”（利用p标签）的方式来标记文本。

随着Web逐渐流行起来，网页设计者们开始寻求为网页增添布局的可能性。为此，当时的浏览器厂商们（网景公司和微软公司）发明了一些新的HTML标签（比如等），以引入了新的布局——而非新的结构。

这也导致了原本用于进行文本的结构化的标签（比如等）越来越多地被误用于进行页面的布局。许多新的布局标签（比如<blink>）只有一种浏览器支持。“您需要使用某某浏览器来浏览本页面”成为当时常见于许多网站的声明。 CSS的发明正是为了改善这一状况，它为Web设计师们提供了完善的、所有浏览器都支持的布局能力。而且，文档的表现样式与内容的分离，也令网站维护容易了许多。

采用CSS有哪些好处？

CSS是Web设计界的一次革命。CSS的具体优点包括：

• 通过单个样式表控制多个文档的布局；
• 更精确的布局控制；
• 为不同的媒体类型（屏幕、打印等）采取不同的布局；
• 无数高级、先进的技巧。

<discussion>characters_max=300</discussion>