繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 优化浏览器渲染：将样式表放在页面顶部
- CSS样式表
- web标准布局实例教程，用定位轻松解决CSS复杂布局
- css静态滤镜
- CSS 实用实例(推荐)
- 给超级链接增加其他样式
- 给图片加阴影效果的CSS
- CSS反转字符加密邮箱地址
- firefox样式表定义不支持cursor:hand
- 解决input对齐问题vertical-alige
- 表格隔行换色 css expression
- HTML标记
- CSS圆角区块容器生成器
- 容器高度100%的绝对定位布局
- 保存几个不错的css特效字
- CSS滤镜示范(filter)附源代码(静态滤镜)
- CSS实现表格的背景两色渐变
- 梦幻式下拉菜单
- 闭合浮动元素超级简单的方法
- 文字应用css滤镜集锦
- 巧用CSS滤镜做图案文字
- _blank开新窗口不符合标准?
CSS样式表 中的 优化浏览器渲染：将样式表放在页面顶部
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-03-17 浏览: 105 ::
收藏到网摘: n/a
将样式放在页面头部
概述
将内联样式块和<link>元素从页面<body>移动到页面<head>中，这样能提高渲染性能。
详细信息
在HTML文件<body>中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用<style>标记指定的）内联样式块可能会导致reflows和页面跳动。因此，把外部样式表和内联样式块放在页面的<head>中是很重要的。通过确保样式表首先被下载和解析，可以让浏览器逐步渲染页面
建议
HTML 4.01规范（第12.3节）规定，始终把使用<link>标签的外部样式表放在<head>部分里。不要使用@import。还要确保您指定的样式有正确的顺序。
把<style>区块放在<head>部分里。
评论 (0) All
