2.1.2 找到样式表


2.1.2   找到样式表


读者可能会问,在图2.1中只看到了浏览器和网页,哪里有样式表的存在?


在第1章我们了解到,一个简单HTML页面由内容和格式构成,浏览器根据HTML的格式控制字符来显示页面的内容,所以浏览器一定知道CSS在哪里。实际上,可以通过查看源代码的方法来发现它。在IE浏览器中单击菜单中的页面,在下拉菜单中选择查看源代码,就可以看到一个页面中的格式控制字符。如果使用的是Firefox浏览器,则可以通过菜单中的查看→页面源代码来完成同样的工作。CSS样式表就隐藏在打开的这个记事本中,如图2.2所示。







 
(点击查看大图)图2.2   查看网页的源代码

在图2.2中可以发现图2.1中和标签2一样的文字。没错,这就是控制显示网页题目的一段代码,用<title>和</title>包围起来,这里的title也被专业人士称为标签,英文名称叫Tag。当浏览器读到这行标签的时候,就会明白要标签内的文字显示在浏览器的标题栏中。


图2.2中用方框围起来的部分,就是表明下面的若干行将开始样式表的定义,直到遇到一个</style>为止。也就是说,样式表用<style>开头,以</style>结尾。中间的部分正是格式的定义。通过观察,还可以发现一点,在图2.2中的代码,<style></style>标签是放在<head>和</head>之间的。在第1章我们介绍过,<head>标签表示HTML页面的头部,能够提供关于整个页面的一些信息。




标签:
友情链接
轻松育儿世界奇观
苏ICP备16066217号-2