为什么要使用CSS


在传统的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在网页设计中是非常重要的,我们这里只是简单的介绍了它的一丁点的功能


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3