CSS:开始:什么是CSS
From MDC
本页解释什么是CSS?
为了继续后面的指南,你将创建一个简单的文档。
[编辑] 资料: 什么是CSS?
CSS是一种定义文档内容如何呈现给用户的语言。
文档是'由'标记语言构成的信息集合。
|
在本指南中,以“更多资料”为标题的方框中的内容为选读内容。如果你急于看完指南,那么方框部分内容可以略过不看,也许之后再回来阅读它们。当你再次回来阅读方框中链接指向的外部页面的内容时,里面的链接会让你学到更多的东西。
|
文档不等于文件。文档可以保存为文件,也可以不保存为文件。 例如,你现在正在阅读的这篇文档就不是以文件形式保存。当你用网页浏览器请求这个页面时,服务器到数据库中查询浏览器请求的内容,从数据库中的几个不同文件中查找这篇文档的各部分内容,最后再把找到的内容生成你现在正在阅读的这篇文档。但在本指南中,我们作为示例的文档,都以文件方式存储。 关于文档和标记语言的更多信息,参见MDC网站的其它部分内容。如:
在本指南的第二部分,你可以看到这些标记语言的范例。 |
呈现一篇文档给用户,指的是将文档转化为一种人们易于接受和使用的形式。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?