HTML的概念
超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
HTML的缺点
传统的HTML语言要实现页面美工上的设计是十分麻烦的，例如：如果希望标题变成蓝色，并对字体进行相应的设置，则需要引入<font>标记，如下：
<html>
<head>
<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>
但是如果想要把标题都变成红色楷体，在这种传统的HTML语言中就需要对每个标题的<font>标记都进行修改，倘若是整个网站，这样的工作量是让设计者无法接受的。
其实传统的html的缺陷远不止上面反映的这一方面，先比css为基础的页面设计方法，其所体现的劣势主要有以下几点：
（1）维护困难
为了修改某个特定标记的格式，需要花费很多的时间，尤其是对于整个网站而言，后期修改和维护
（2）标记不足
html本身的标记十分的少，很多标记都是为网页内容服务的，而关于美工样式的标记，如文字间距、段落缩进等标记在html中很难找到。
（3）网页过“胖”
由于没有统一对各种风格样式进行控制，html的页面往往体积过大，占用掉了很多宝贵的带宽。
（4）定位困难
在整体布局页面时，过多的<table>标记同样也导致页面的复杂和后期维护的困难。
CSS的概念
CSS（Cascading Style Sheet），中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。简单的说，css的引入就是为了使html语言能够更好地适应页面的美工设计。它以html语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格。
CSS的引入
下面是加入CSS引入时的代码：
<html>
<head>
<title>页面标题</title>
<style>
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>
总结
css样式就是在html的基础上抽象出来的样式，正好符合了面向对象中的抽象的概念，这样的简化让编写网页变得更简单了！
264
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
