css,即层叠样式表,是一种控制页面表现布局的技术,正是它带来了web页面设计的变革,真正实现了表现和内容的分离。
css的工作原理是这样的:在一个独立的文件中定义表现规范,浏览器解析页面的时候根据这套规范来展示页面。这个独立的文件即.css文件,前面提到过在页面中声明外部css文件的方法是这样的:
在页面的head标签中加入以下代码:
<link rel="stylesheet" type="text/css" href="file/main.css" />
这样此页面的表现就受main.css这个文件中的定义规范约束了。至于如何具体设置约束,这是后话。这里这是概括性的说:CSS文件定义了页面如何布局,数据如何展示,而不去关注具体数据是什么。可以想象这样一种场景:同样一个xhtml文档,当引入不同的css时,它们的表现是完全不同的两个风格。这就是css所追求的效果。