《
CSS样式表的分类详解》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334162013.htm
--> [
网站建设之]CSS样式表的分类详解
前面咱们已经具体介绍了一下CSS的基础信息（详见：《什么是CSS？CSS的由来及学习技能》） ，本文先容一下CSS的分类。
CSS按其地位可以分成三种：
内联样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内联样式
内联样式是写在标签里面的，它只针对本人所在的标签起作用。
<p style="font-size:14px;color:red;">这个style定义段落中的字体是12像素的红色字</p>
内部样式表
内部样式表是写在<head></head>里面的，它只针对所在的Html页面有效。
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
h1.bigone {font-size:16px;color:red;text-align:center;}
-->
</style>
</head>
<body>
<h1 class="bigone">标题文字是16像素红色居中字体。</h1>
<h1>,
CSS样式表注释书写规范;这个题目无样式。</h1>
<,
CSS样式表教程之浏览器默认样式;/body>
<,
CSS样式表在网页设计中的特性;/html>
大家看到了，内部样式表同样用到style标签，写法：
<,
CSS样式表在网页设计中的4个特性;style type="text/css">,
CSS样式如何实现Logo立体盒子效果;
<!--
.......
-->
</style>
外部样式表
假如我们需要制作良多网页，而且页面构造非常庞杂，并且多个页面中要利用重复的样式，那么把CSS放在网页中可不是一个好方法。
我们可以把所有的样式寄存在一个以.css为结尾的文件里，而后将这个CSS文件链接到各个网页中。
比方我们制作了一个首页，把它的样式表文件命名为index.css。办法是将下面的CSS代码复制到记事本中保留，然后将文本文档的扩大名.txt修改为.css即可。
.h1.bigone {font-size:16px;color:red;text-align:center;}
在新建的网页中这样写：
<html>
<head>
<title>无标题文档</title>
<link href="index.css rel=",
css样式名规范命名建议;stylesheet" type=",
CSS样式书写之选择器详解;text/css">,
CSS样式中的图片Referer差异判断;
</head>
<body>
<h1 class="bigone">标题文字是16像素红色居中字体。<,
CSS样式 background-position说明;/h1>
<h1>这个标题无样式。</h1>
</body>
</html>
三种方式已经简略介绍给大家，我的文章当前会以外部样式表为例，由于它是目前网页制造最常用、最易用的方法，总结它的长处就是：
1.多个款式能够反复应用,
CSS权重的问题 选择器权重值的计算；
2.多个网页可共用同一个CSS文件；
3.修改、保护简单 ，只要要修改一个CSS文件就可更改所有处所的样式，不需要修正页面代码；
4.减少页面代码，进步网页加载速度， CSS驻留在缓存里，在翻开统一个网站时因为已经提前加载则不须要再次加载；
5.合适所有阅读器，兼容性好。
Tag： 样式表 CSS 样式表 CSS
(责任编辑：网站建设)
CSS样式表的分类详解相关文章