网盾IDC：简单理解CSS概念

在了解CSS之前，首先你需要对HTML和XHTML的知识有基本了解。

HTML

HTML（Hyper Text Markup Language，超文本标记语言）是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言，使用标记标签（markup language）来描述网页。

标记语言：一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息（包括文本的结构和表示信息等）与原来的文本结合在一起，但是使用标记进行标识。

XHTML

比起HTML，XHTML是更严格更纯净的HTML代码。

HTML语法要求比较松散，虽然对网页编写者来说比较方便，但对于机器来说，语言的语法越松散、处理起来就越困难，对于传统的计算机来说，还有能力兼容散语法，但对于许多其他设备来说难度就比较大，因此产生了语法要求更加严格的XHTML。

或者说，XHTML的出现就是为了取代HTML。

XHTML（EXtensible HyperText Markup Language，可扩展超文本标签语言）是一种标记语言，表现方式与HTML类似。如果说HTML是一种基于标准通用标记语言（SGML）的应用，是一种非常灵活的置标语言，那么XHTML则基于可扩展标记语言（XML），XML是SGML的一个子集，XHTML是当前HTML版的继承者。

XHTML和CSS结合后，既能够实现样式和内容的分离，又能有机组合网页代码，在另外的单独文件中还可以混合各种XML应用。

现在我们可以回来对CSS做进一步的了解。

CSS（Cascading Style Sheets，层叠样式表）是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。

随着网页技术的发展，为了满足web制作的要求，HTML添加了很多显示功能，但随着这些功能的增加，HTML变得越来越杂乱、页面越来越臃肿。

1994年，有人提出了CSS的概念，1996年年底层叠样式表才应运而生。

使用HTML时，需要遵从一定的规范，CSS也是如此。要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS样式规则语法样式是CSS的基本单位，每个样式规则都是由声明块和选择器两个基本部分组成的：声明块定义相应的样式，而选择器决定为哪些元素应用样式。

CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体号样式，拥有对网页对象和模型样式编辑的能力。

样式的运用，解决了一个普遍的问题。HTML标签原本被设计为通过使用<p>、<h1>、<table> 此类的标签定义文档内容，初衷是表达"这是段落"、"这是标题"、"这是表格"之类的信息。由于IE浏览器和Netscape不断地将新的HTML属性标签添加到HTML规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。样式表定义如何显示HTML元素，就像HTML3.2的属性标签所起到的作用那样，样式通常保存在外部的.css文件中。

通过编辑一个简单的CSS文档，外部样式表令使用者有能力改变站点中所有页面的外观和布局。

CSS有助于实现负责任的Web设计，影响了很多网站搭建架构，并且在今后可能也会有一个长久时段的影响。将网页的大部分甚至是全部的标识信息从HTML或XHTML文件中挪到一个样式表中，可以降低文件大小、易于维护且节省网络带宽。此外，站点的核心内容和表现信息相分离，使得网站搭建能够在短时间内进行各类修改。