网站设计CSS的三种样式

A:嵌入样式
<style type=“text/css”></style>
<style type=“text/css”>@import url("css/layout.css");</style>
B:行内样式
<a href="#" style="color:#ff0;">首页</a>
C:连接样式
<link href="css/layout.css" rel="stylesheet"type="text/css"/>
这三种样式中嵌入样式和连接样式做到结构（Structure）和表现（Presentation）相分离，但建议使用连接样式。因为嵌入样式是在加载了结构html、xml后加载的，这样当网速慢的时候页面的显示就会因为没有css样式的表现出现难看的界面。

行内样式尽量不要使用，不利于代码的可读性和简洁性。等网站升级的时候也没有条理性。

同时网页的另一个组成：行为（Behavior）
行为有js文件控制也建议在根目录下新建一个js文件夹，要用的时候引用一下，不要写在页面里面。这不断没有做到行为，表相和结构相分离，还会减慢网站的解析速度。也就不符合我们的web标准。同时对搜索引擎不友好。

顺便说下用CSS美化滚动条只是在IE中有效果
代码如下：
scrollbar-3d-light-color 设置滚动条亮边框颜色
scrollbar-highlight-color 设置滚动条3D界面的亮边颜色
scrollbar-face-color 设置滚动条3D表面的颜色
scrollbar-arrow-color 设置滚动条方向箭头的颜色
scrollbar-shadow-color 设置滚动条3D界面的暗边颜色
scrollbar-dark-shadow-color 设置滚动条暗边框颜色
scrollbar-base-color 设置滚动条基准颜色

常用的滚动条样式：
<style type="text/css">
<!--
#height {height:1000px;}
html {
  scrollbar-face-color:#fff;
  scrollbar-highlight-color:#fff;
  scrollbar-3dlight-color:#dcdcdc;
  scrollbar-darkshadow-color:#dcdcdc;
  scrollbar-Shadow-color:#dcdcdc;
  scrollbar-arrow-color:#000;
  scrollbar-track-color:#fff;
}
-->
</style>

www.jxgzseo.cn