Visit Mozilla.org

CSS:开始:什么是CSS

From MDC


本页解释什么是CSS? 为了继续后面的指南,你将创建一个简单的文档。

[编辑] 资料: 什么是CSS?

CSS是一种定义文档内容如何呈现给用户的语言。

文档是'由'标记语言构成的信息集合。

例如
  • 一张网页正如你现在正在阅读的页面就是一个文档。
    你在页面上看到的信息是使用HTML(超文本标记语言)标记语言构成。
  • Mozilla应用程序中的对话框也是一个文档。
    你在Mozilla对话框中看到的用户界面控件是使用由XUL标记语言构成的(XML 用户界面语言)。

在本指南中,以“更多资料”为标题的方框中的内容为选读内容。如果你急于看完指南,那么方框部分内容可以略过不看,也许之后再回来阅读它们。当你再次回来阅读方框中链接指向的外部页面的内容时,里面的链接会让你学到更多的东西。

更多资料

文档不等于文件。文档可以保存为文件,也可以不保存为文件。

例如,你现在正在阅读的这篇文档就不是以文件形式保存。当你用网页浏览器请求这个页面时,服务器到数据库中查询浏览器请求的内容,从数据库中的几个不同文件中查找这篇文档的各部分内容,最后再把找到的内容生成你现在正在阅读的这篇文档。但在本指南中,我们作为示例的文档,都以文件方式存储。

关于文档和标记语言的更多信息,参见MDC网站的其它部分内容。如:

HTML网页
XML常规结构化文档
SVG图形
XULMozilla中的用户界面

在本指南的第二部分,你可以看到这些标记语言的范例。

呈现一篇文档给用户,指的是将文档转化为一种人们易于接受和使用的形式。Mozilla被设计成用来呈现可视化—文档。例如,在计算机屏幕上,投影仪显示或通过打印机打印文档。

更多资料
CSS的应用不仅限于网页浏览器, 也不仅限于可视化呈现。在CSS专业术语中,程序将文档呈现给用户,我们称之为用户代理 (UA)。浏览器也是UA形式之一。但在本指南的第一部分,我们将只介绍应用于浏览器中的CSS。

更多CSS术语正规定义,请参见定义中的CSS详细说明。

[编辑] 实践: 创建文档

在计算机中新建一个文件夹,并在新文件夹中新建一个文本文件。我们的文档将保存在这个新创建的文本文件中。

复制并粘贴下面的HTML代码到刚才创建的文本文件中。然后以doc1.html命名保存文件。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
  <TITLE>Sample document</TITLE>
  </HEAD>
  <BODY>
    <P>
      <STRONG>C</STRONG>ascading
      <STRONG>S</STRONG>tyle
      <STRONG>S</STRONG>heets
    </P>
  </BODY>
</HTML>

在浏览器中打开一个新标签或一个新窗口,再打开我们刚才创建的HTML文件。

你会发现所有单词的首字母都是以粗体显示,类似于下面这样:

Cascading Style Sheets

也许在你的浏览器中看到的结果与上面所显示的结果略有不同,这是由于上面的显示结果的样式依赖于你正在使用的Wiki的样式设置。如果你在浏览器中看到的字体,字符间距或颜色与上面显示结果有所不同,均属于正常情况。

[编辑] 接下来的内容是什么?

如果你对理解本页内容感到困难,或有其它意见,请发布到讨论页。

在我们创建的新文档中没有使用任何CSS。 在下一页面,我们将使用CSS给我们的示例文档指定样式: 为什么要使用CSS?