《
样式表要不要写进页面模版》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343312013.htm
咱们能够看到良多超高流量的门户站，在写页面代码时，简直全是直接将样式表写进页面模板中的，这样做有何利益呢？比方百度，翻开其首页，通过查看其源代码，建站学发明其样式表就写在<head>区，如下——
Tag：样式表 页面模板 款式表 页面模板
--> [
网站建设之]样式表要不要写进页面模版
另外，还有其余一些门户站，如腾讯、新浪、网易163等等，皆是如斯（四大门户中，就只有搜狐采用的是外部调用样式表文件的方法）。这么看来，此法显然是一项有意义的举动，并且可能是流量越高的站，越须要这样做。由于据我所知，一些小站或个站，仿佛采取的多少乎都是与搜狐一样的做法。那么，毕竟有何意思呢？建站学思考了下，总结这么做大抵有如下五点作用——
1）将样式表直接写入页面模板中，可以下降服务器累赘（重要是磁盘IO跟网络衔接数）。
2）将样式表直接写入页面模板中，可以有效提高页面的加载速度（网页设计的技巧发展是螺旋式的，曾经有人发现了图片宰割来充足应用带宽；当初有人创造了合并图片来进步加载速度。很显然，这么做恰是出于速度斟酌）。
3）将样式表直接写入页面模板中，可以有效避免因CSS加载失败导致的页面变形。
4）将样式表直接写入页面模板中，可以通过一些特定的代码来解决某些CSS对阅读器兼容的问题。
5）将样式表直接写入页面模板中，在实现以上四点的基本上，必定也改良了用户体验。
<style>body{font:12px arial;text-align:center;background:#fff}body,p,form{margin:0;padding:0}body,form,#lg{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}#u{padding:7px 10px 3px 0;text-align:right}#m{width:650px;margin:0 auto}#nv{font-size:16px;margin:0 0 4px -32px}#nv a,#nv b,#su,#lk{font-size:14px}#lg{margin:-17px 0 9px}#fm{padding-left:111px;text-align:left}#kw{width:391px;line-height:16px;padding:3px 1px;margin:0 6px 0 0;font:16px arial}#su{width:78px;height:28px;line-height:24px}#kw,#su{vertical-align:middle}#lk{margin:33px 0}#lk span{font:14px "宋体"}#lm{height:60px}#lh{margin:16px 0 5px;font:12px "宋体"}#lh a{font:12px arial}#hp{position:absolute;line-height:14px;margin:0 0 0 6px;top:-1px;*top:2px}#cp,#cp a{color:#77c}#sx{color:#00C;text-decoration:underline;cursor:pointer;}</style>
,样式表中用星号定全局样式请慎用; 1）将样式表直接写入页面模板中，势必造成页面文件过于宏大，代码过于繁杂而不利于SEO（当然，对这些大站而言，SEO只是个屁）。
2）将样式表直接写入页面模板中，势必就义网络带宽，只管它可以换取到不错的用户休会。利弊衡量，全在于你。
谷歌也一样，在其首页中，引入的css样式如下——
当然，有利必有弊，这样做的好处既可以设想，那么其弊病也必不容疏忽。就目前而言，至少有两个问题比拟凸起——
<style>body{margin:0}#gog{padding:3px 10px 0}td{line-height:.8em;}.gac_m td{line-height:17px;}form{margin-bottom:20px;}body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}.fl a:link{color:#77c}em{color:#c03;font-style:normal;font-weight:normal}a em{text-decoration:underline}.lst{font:17px arial,sans-serif;margin-bottom:.2em;vertical-align:bottom;}input{font-family:inherit}.lsb,.gac_sb{font-size:15px;height:1.85em,标签和分类有什么区别!important;margin:.2em;padding:0 6px;width:auto;overflow:visible;}#gog{background:#fff;}#gbar,#guser{font-size:13px;padding-top:1px !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em;}.gb2,.gb3{text-decoration:none;border-bottom:none}a,标准的网站编辑应该具备的素质.gb1,a.gb2,a.gb3,a.gb4{color:#00c ,标准的css代码顺序写法!important}a.gb2:hover{background:#36c,架设某大型网站服务器之全部过程;color:#fff !important}</style>
(责任编辑：网站建设)
样式表要不要写进页面模版相关文章