CSS样式表的外部调用和内部调用
外部引用的优点
为什么要把CSS声明做成一个CSS文件呢？这样做的好处有三个。
第一个好处，网页处理速度会更快一些，尤其在有很多网页共用一份CSS样式表时更为好用！因为你不用为每一页都写同样的CSS代码，网页自然就会更瘦一些轻快一些。
第二个好处是，可以防止一些电脑程度较低的使用者直接看到CSS语法（就是有人不喜欢被看见语法），当然指的是无法直接看到，而非无法看到，稍微有点能力的，要查看CSS文件的内容简直是易如反掌。
第三个好处当然就是维护方便了！你只要修改一个CSS文件，不管你有几千个网页文件，都会以你最新修改的版本为准了！
开始动手做CSS文件
首先，我们将把原来声明中的<style type="text/css"></style>去掉（CSS文件里不需要这两个标签，因为，浏览器看到扩展名为css就知道这是CSS文件了），然后利用记事本程序把下面代码粘贴过去。
| body{font-size:9pt} |
然后将它保存，文件名的扩展名为.css，在这里可以保存为style.css，并和网页放在同一目录下。
在网页中调用 CSS 文件
做好CSS文件后，下面我们就该在网页中调用了，调用的方法如下所示：
| <head> <title>CSS外部调用示例</title> <link href="style.css" rel=stylesheet type="text/css"> </head> |
CSS的单独调用
为什么要单独调用呢？
“单独调用”就是加入STYLE属性。就是将CSS声明套用在单独的一个网页元素上（任一个文字、图片、表格...等，都是网页元素），此时，CSS将不再以一个样式表来显示结果了，而是利用STYLE属性加到标签中。为什么要“单独调用”CSS？原因是：比较灵活...举个简单的例子，我们希望让输入的表单的底色不使用白色了？
关于Style属性
其实，几乎每个 HTML 标签都有其各自的属性，例如 <p align="center"> 其中的 align 是标签 <p> 的align 对齐属性」，加上 align 属性后，你就可以设定段落要要居左、居中或居右。 相同的，STYLE也可以当作是一个属性，一样加在标签之中，就我们上面的问题而言，其原先的语法应该是是这样的：
| 语法：<input type="text" value="我是浅绿色了吗？"> 结果： |
现在，我们替这个输入表单加入STYLE属性，也就是在<input>标签中加入STYLE属性：
| 语法：<input type="Text" value="这次我有浅绿色底色了吧" STYLE="background-color:#ccffcc"> 结果： |
“STYLE="*****"”就是把STYLE当作属性的用法，其后一样将CSS声明放在""里面，至于里面的background-color:#ccffcc意思就是“背景颜色：#ccffcc”的意思，现在不熟悉没关系，以后会继续讲解的。
什么标签都可以加入STYLE属性吗？
基本上，任何标签都可以加上STYLE属性。所以，你不用担心会有标签不接受。不过，单独调用针对网页元素加入STYLE属性虽然非常灵活，但是，却失去了CSS 的一个优点，那就是统一性。所以说，你在使用时，除非只有部份网页元素需要单独使用CSS格式，否则，尽量在使用之前介绍的调用方法，如此，日后在维护上会比较简单。
原文地址：http://www.35ui.cn/post/20100608173.html 标签：html网页培训班北京服务器租用ps网页切图北京网页制作网站seo优化做网页常用代码