罗艾淋 - 2008-3-29 14:15:06
分类：
内联样式表、嵌入样式表、外部样式表、输入样式表
内联样式表：设置HTML文本标签的style属性的方法称为内联样式表。
优点：能够对特定的标签的显示样式进行精确设定。
缺点：需要对每一样标签进行反复设定，而且网页修改的工作量太大。
嵌入样式表：放在HTML的<style></style>标签之间，对各类网页元素的样式规则进行定义
<style type="text/css" media="screen,projection">
<!--
P{FONT-SIZE:20PT;COLOR:BLUE;FONT-FAMILY:宋体;TEXT-DECORATION:underline}
-->
</style>
优点：能够使整个页的显示风格达到统一，而不需重复设置。
外部样式表：把样式规则的定义单独放在一个扩展名为.css的文件中。在相应的HTML页面中引入.CSS文件
引入CSS文件的语法：
<link rel="StyleSheet" href="test.css" type="text/css" media="screen">
其中的rel和href是必须的。
优点：能够使达到整个网站样式重用的目的，实现网页的瘦身，统一网站风格。
输入样式表：使用CSS的@import声明将外部的样式表输入到另外一个CSS文件或HTML文件中。
源CSS文件中的样式定义规则就目标CSS文件的一部分
<style type=text/css media ="screan">
<!--
@import url([url]http://www.gohy.net/js/style.css[/url]);
@import url(http:./stylesheet/style.css);
p{background:yellow;color:black}
-->
</style>
这里要注意CSS样式表的输入顺序和定义顺序，因为后输入的（定义的）将会覆盖先输入的同标记的样式。