在传统的html语言中我可以对页面进行简单的排版,比如下面的例子
<body>
<h2><font color="#0000FF" face="黑体">CSS标记1</h2>
<p>CSS标记的正文内容1</p>
<h2><font color="#0000FF" face="黑体">CSS标记2</h2>
<p>CSS标记的正文内容2</p>
<h2><font color="#0000FF" face="黑体">CSS标记3</h2>
<p>CSS标记的正文内容3</p>
</body>
我们可以看到效果是:
但是如果我们要修改四个标题的颜色,我们就需要对每个标题进行修改了,这样对于整个网站来说工作量是非常大的,这个时候我们就必须使用CSS来解决这一问题,我们可以这样做:<style>
<!--
h2{
font-family:幼圆;
color:blue;
}
-->
</style>
<body>
<h2>CSS标记1</h2>
<p>CSS标记的正文内容1</p>
<h2>CSS标记2</h2>
<p>CSS标记的正文内容2</p>
<h2>CSS标记3</h2>
<p>CSS标记的正文内容3</p>
</body>
下面这段就是控制<h2>标记的样式的,我们只要修改里面的部分即可,比如我们把字体都改成幼圆。
<style>
<!--
h2{
font-family:幼圆;
color:blue;
}
-->
</style>
我们可以看到CSS的优势。所以CSS在网页设计中是非常重要的,我们这里只是简单的介绍了它的一丁点的功能