第一课:什么是CSS?

很多人都听说过CSS,但对其不是很了解。本课我们首先学习什么是CSS,以及它能为你做什么。

CSS有什么用?

CSS是英文“Cascading Style Sheets”的缩写,是一种定义HTML文档输出布局的样式语言。例如,CSS涉及字体,颜色,边缘,线条,高度,宽度,背景图像,位置和其它东西。虽然可以用HTML添加网站布局,但CSS提供更多选择,并且更精确和复杂。此外,CSS还支持现在的所有浏览器。在学完几课后,你就能用CSS为自己的网站设计更好看的样式表了。

CSS与HTML的区别是什么?

HTML用于结构内容,而CSS用于形成结构内容。听起来有些难懂是不是?请继续阅读,你很快就会明白其中的道理。

在HTML语言刚被发明时,只能用于给text文档添加结构。作者需要在文档中用h1和p等HTML标签注明“这是标题”或“这是段落”。在互联网变得越来越来越流行后,设计师开始寻找给网络文档添加样式的潜在方案。为了满足这一需求,浏览器生产商(当时是Netscape和Microsoft)发明了font等新HTML标签,与原来用于结构的HTML标签不同的是,它们专门用于定义样式。这种情况也同样出现在table和blink等早期的结构标签上。

为了纠正这一缺陷,网站设计师开发出了CSS,不仅支持所有浏览器,而且还提供更复杂的布局。此外,用这种技术设计的网站,维护起来也更容易。

CSS能带给我们什么好处?

CSS是网站设计领域的一项革命,它的好处包括:

  1. 用单独一个样式表就能控制许多文档的布局;
  2. 能更精确的控制布局;
  3. 适用于不同媒介的布局(如屏幕和打印机等);
  4. 有许多更先进和更复杂的技术。

下一课我们将进一步观察CSS是如果工作的,并会告诉你如何开始。