嵌入对象与链接对象:CSS文件是链接 还是应该嵌入？来源: 发布时间:星期四, 2009年2月12日 浏览:66次 评论:0
CSS样式表文件是使用link来  单独 文件好呢 还是直接用<style>......</style>嵌入页面内部好呢？或者说究竟这两种思路方法该如何使用呢？w3cn 阿捷说在以前我们通常采用2种思路方法使用样式表: 页面内嵌法:就是将样式表直接写在页面代码 head区 类似这样: <style type=\"text/css\"> <!-- body { background : white ; color : black ; } --> </style> 外部 法:将样式表写在 个独立.css文件中然后在页面head区用以下代码 <link rel=\"stylesheet\" rev=\"stylesheet\" href=\"css/style.css\" type=\"text/css\" media=\"all\" /> 在符合web标准 设计中我们使用外部法好处不言而喻你可以不修改页面只修改.css文件而改变页面样式如果所有页面都同个样式表文件那么改个样式表文件可以改变所有文件样式由此可见阿捷是十分推崇用<link> 补充下阿捷话使用<link>好处不单单是修改起样式表很方便而且会使用户浏览速度加快用户第次打开链接了样式表页面后样式表会自动下载到本地缓存Cache当中当用户再打开另个页面而这个页面如果也链接了同样样式表时候会从缓存Cache中读取相关文件这样就会加快浏览速度但是笔者也碰到过这种情况:有时碰到网络不顺畅 情况页面打开以后链接样式表没有加载成功这种情况造成后果不仅仅是页面文字颜色、大小等等样式无法显示更麻烦是很可能造成整个页面布局乱了套！有 次笔者打开Macromedia.com时候碰到公司网络不畅也许是 有很多人在下载东西吧结果页面显示出样子完全是没有样式表样子熟悉布局看不到了所有内容从上往下排列就像用手机在浏览网站WebSite虽然内容还能全部看到但我不得不花些时间去熟悉这种新布局浏览时候也有种不顺畅感觉笔者在做金山在线首页 时候(上版)我就把所有样式嵌入到了页面<head>区首页是个网站WebSite流览量最大页面必须保证高可靠性而且只对首页样式表采取嵌入方式其他页面还是用<link>修改样式时不会增加太多工作量周末做amaoagou 首页我对样式更进步进行了规划:把和布局有关样式:#head、#left的类都嵌入到页面内部其他样式采用链接方式整理总结出如下 经验:思路方法 :首页完全采用嵌入思路方法其他页面均采用链接方式优点:这样可以保证首页在网络状况不好情况下仍然能够正确显示缺点:修改样式时需要修改外部样式表和首页内嵌样式表两个地方 思路方法 2:将负责布局 样式和其他样式分开写首页嵌入布局样式链接其他样式；其他页面对于两套样式均采用链接方式优点:修改样式时比第种工作量小网络状况不好时首页外观不能完全保证但至少布局不会乱如果制作 不是符合标准页面比如公司产品个小专题领导要求用table制作以确保专题上线速度对于各个页面都会用到样式:链接对于只有这个页面会用到但会用到很多次样式:嵌入<head>对于只有这个页面会用到且只使用次样式:嵌入<head>或者干脆直接写style=\"...\"就解决问题了0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
