当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS样式表尽量放到网页头部

CSS样式表
CSS教程:dl dt dd模拟表格实例
网页制作实例:将PSD网站模板转换为XHTML+CSS网页
CSS布局实例代码:两列布局实例
border:none;与border:0;的区别
CSS浮动定位:引起文本重影的怪异问题
同一张PNG8图片为何部份图标在IE6中消失
IE6中背景属性加a与a:hover问题
网页制作教程:在IE7中的网页文本重影问题
推动浏览器更新的原因和方法
CSS实例教程:制作网页列表菜单
CSS实例教程:制作网站横向导航
CSS实例教程:制作网页2级导航
CSS研究教程:类名的长命名和短命名
CSS教程:彻底弄清楚CSS的行高属性
用CSS的float和clear属性进行三栏网页布局
没有JS只用CSS制作的网页下拉菜单
初学CSS的基础教程:在网页中使用CSS
网页制作教程:制作拖拽翻页
制作网页时编写CSS代码的25个小技巧
CSS3中很有用的特性:CSS阴影

CSS样式表尽量放到网页头部


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 175 ::
收藏到网摘: n/a

  从技术上讲,你可以将样式您想要的位置。
  不过, HTML规范的建议,将他们放在文件头标记。
  主要的好处是,您的网页加载速度似乎更快一些。
<head>  
    <title>应把所有CSS样式都放在Head Tag - www.ruanchen.com</title>  
    <link rel="stylesheet" type="text/css" media="screen" href="path/ruanchen.com/ile.css" />  
    <link rel="stylesheet" type="text/css" media="screen" href="path/ruanchen.com/notherFile.css" />  
</head>  

While researching performance at Yahoo!, we discovered that moving stylesheets to the document HEAD makes pages appear to be loading faster. This is because putting stylesheets in the HEAD allows the page to render progressively.
                                                                                                                       - ySlow Team