小结：说了这么多，到底什么是CSS呢？小编在这里打个比方。Html就好比一个人的身材，有的人喜欢长腿欧巴，有的人习惯小巧玲珑的欧巴，那么这就是Html的前身，整体的结构。有了一个好的身材，还得需要着装打扮啊。这就是CSS，通过CSS的修饰表现的更加动人。那么如果再会点Javascript这么性感的舞姿的话，哇塞……………………

CSS概

层叠样式表，用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

正如上面的例子所说，CSS的引入就是为了使得HTML语言能够更好地适应页面的美工设计。

可能有人说，这个HTML也可以做的到啊。大家看一个小例子。

Html代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页面标题</title>

</head>

<body>
<h2><font color="#0000ff" face="黑体">CSS标记1</font></h2>
<p>CSS标记的正文内容1</p>
<h2><font color="#0000ff" face="黑体">CSS标记2</font></h2>
<p>CSS标记的正文内容2</p>
<h2><font color="#0000ff" face="黑体">CSS标记3</font></h2>
<p>CSS标记的正文内容3</p>
<h2><font color="#0000ff" face="黑体">CSS标记4</font></h2>
<p>CSS标记的正文内容4</p>
</body>
</html>

CSS代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页面标题</title>
<stlye>
h2{
 font-family:黑体
 color:blue;
}
</style>
</head>

<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>
<h2>CSS标记4</h2>
<p>CSS标记的正文内容4</p>
</body>
</html>

Html与CSS相比的缺陷

1.维护困难。为了修改某个特殊标记的格式，需要花费很多的时间，尤其对于整个网站而言，后期修改和维护的成本很高。

2.标记不足。HTML本身的标记十分的少，很多标记都是为网页内容服务的，而关于美工的标记很难找到。

3.网页过“胖”。由于没有统一对各种风格样式进行控制，HTML的页面往往体积过大，占用很多宝贵的宽带。

4.定位困难。

总结：人类的智慧总是无处不在，从HTML到后来的CSS，这又一次分工合作的出现，因为把设计与美工相分离了。这再次体现了分工的专业化。有一点与《设计模式》中的单一原则类似，设计就是设计，美工就是美工，不要把过多的功能耦合在一块。不得不佩服人类的智慧。

CSS基础知识,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

CSS基础知识