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

CSS样式表
Class与ID区别 margin和padding区别 CSS学习笔记
鼠标滑过缩略图时放大图片(纯Css)
网页中经常用到的Metas, Links and DocTypes集合
修正IE下使用CSS属性overflow的bug
xhtml+css制作不规则导航
CSS规则层叠时的优先级算法
CSS规则层叠的应用 css必须要注意的几点
CSS Hack收集汇总
line-block的运用最小宽度的设置
IE对CSS样式表的限制分析与解决方案
全国哀悼日网站页面变成灰色的filter方法
css滤镜实现页面灰色黑白色效果代码
用CSS开发时髦的导航栏图例教程
用CSS开发时髦的导航栏第二篇
CSS渐变文本效果的两种方法比较
提高CSS文件可维护性的五种方法总结
css Sprites小实例代码
美化html段落文本 Ⅰ
html页面中图像格式的选用之我见
DIV+CSS实现的滑动门菜单特效代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 87 ::
收藏到网摘: 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