咨询QQ:865885740    邮箱:support@ccqyj.com咨询热线:158 2330 1928
信息中心 / news
当前位置: 首页 > 信息中心 > 网站建设 >

重庆网站建设中css的放置位置

日期: 2014-09-10来源: 重庆网站建设[www.ccqyj.com]关键字: 重庆网站建设 css    阅读量:
随着 Web 2.0 的广泛使用,重庆网站建设的 CSS 样式也变得愈来愈重要。由于好的层叠样式表,不但可以美化 Web 2.0 应用,还可以优化用户的体验。在研发 Web 2.0 的 Web 中,具有良好的性能且十分规范的 CSS 代码的编写变得尤为重要。 调整Web应用程序的性能能够经过如 CSS 的缩写, CSS的放置, CSS选择器和 CSS 的继承机制等来实现。

Style Sheets 置于页面头部
除了 HTML 文档外,客户端还要下载其他的许多组件,例如:图片、样式表、脚本等等,这些组件是页面的呈现所必需的。通常,组件的下载顺序的先后和他们出现在 HTML 文档的顺序保持一致。在全部的层叠样式表下载完之后,Browser 开始渲染页面。在这之前,任一内容不可能被渲染,页面呈现一片空白。这也是为什么样式表被置于页面头部。假设置于页面的底部, 页面呈现就不但只是在等候样式表的加载, 而且要等候 HTML的内容完全加载。因此,页面被呈现给用户的时延会加长。
 
其实,从浏览器的执行流程,我们也不难想象,为什么把 style sheets 放置于页面的头部。下图 是浏览器的执行流程.

 
加载外部的 CSS 文件的方式有两种:一种是 @import,另外一种是
。那么, 我们究竟选择哪一种呢?假设你被告知, 使用@import方式 等价于 标签被置于页面的底部。那么,选择哪一种就不明而语了。因此,从性能优化视角出发,重庆网站建设应当防止采用前一种方式,而是选择后一种方式。后一种方式,会让你的网站跑起来更快。

本文由重庆易加网络 www.ccqyj.com原创提供,转载请注明来源。