css教程之样式表的基本语法(一)

插入样式表前后的网页。

为了更好地理解样式表的作用，我们先看一个CSS的应用实例。在本例子中，你很容易对比出使用CSS前后两个网页的区别，当然了，现在你可能读不懂CSS部分的代码。别担心，这些代码将在少后的教程中介绍。

我们首先来看一下未加入CSS的页面。网页里只有一段话：“菜鸟吧的站长是大傻瓜！傻瓜爱吃大西瓜！”。而且由于分别是标题1、2、3、4，页面内字体大小也不相同，还有标题的自动换行。

它的源代码如下：

下面我们简单的为它加上一点CSS，来让我不再傻……按如下提示修改网页的代码：

让我们来看看加入CSS之后的网页。你很容易看出两个网页的差别，页面内的文字大小统一了，而且只有标题1后面有一个换行，甚至有一部分文字被隐藏了起来。这都要归功于上面红色部分的代码。它们就是CSS，下面就让我们大概了解一下这些代码的意义。