|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
CSS款式表,是利用<link...>来挪用独自的文件好呢,仍是间接用<style>...</style>嵌进页面外部好呢?大概说事实这两种办法该怎样利用呢?
在阿捷的w3cn中,他说:
援用内容
在之前,我们一般接纳2种办法利用款式表:
页面内嵌法:就是将款式表间接写在页面代码的head区。相似如许:
<styletype="text/css"><!--body{background:white;color:black;}--></style>
内部挪用法:将款式表写在一个自力的.css文件中,然后在页面head区用相似以下代码挪用。
<linkrel="stylesheet"rev="stylesheet"href="css/style.css"type="text/css"media="all"/>
在切合web尺度的计划中,我们利用内部挪用法,优点不问可知,你能够不修正页面只修正.css文件而改动页面的款式。假如一切页面都挪用统一个款式表文件,那末改一个款式表文件,能够改动一切文件的款式。
可见阿捷是非常推许用<link>的。增补一下阿捷的话,利用<link>的优点不但单是修正起款式表很便利,并且会利用户的扫瞄速率加速。用户第一次翻开链接了款式表的页面后,款式表会主动下载到当地缓存傍边。当用户再翻开另外一个页面,而这个页面假如也链接了一样的款式表的时分,会从缓存中读取相干的文件,如许就会加速扫瞄的速率。
可是我也碰着过这类情形:偶然碰着收集不畅的情形,页面翻开今后,链接的款式表没有加载乐成。这类情形酿成的成果,不单单是页面笔墨的色彩、巨细等等款式没法显现,更贫苦的是极可能形成全部页面的结构乱了套!
好比有一次我翻开Macromedia.com的时分,碰着公司收集不顺畅,大概是由于有良多人在bt吧。。。了局页面显现出的模样完整是没有款式表的模样,熟习的结构看不到了,一切内容从上往下分列,就像用手机在扫瞄网站。固然内容还能全体看到,但我不能不花些工夫往熟习这类新的结构,扫瞄的时分也有一种不畅的感到。
在做金山在线首页的时分(上一版,如今已看不到了),我就把一切款式嵌进到了页面的<head>区。首页是一个网站流览量最年夜的页面,必需包管高的牢靠性。并且只对首页款式表接纳嵌进的体例,其他页面仍是用<link>,修正款式时不会增添太多的事情量。
周末做amaoagou的首页,我对款式更进一步举行了计划:把与结构有关的款式:#head、#left之类都嵌进到页面外部,其他款式接纳链接的体例。
总结一下:
- 办法一:首页完整接纳嵌进的办法,其他页面均接纳链接的体例。长处:如许能够包管首页在收集情况欠好的情形下仍旧可以准确显现。弱点:修正款式时必要修正内部款式表和首页内嵌的款式表两个中央。
- 办法二:将卖力结构的款式和其他款式分隔写。首页嵌进结构的款式,链接其他款式;其他页面临于两套款式均接纳链接体例。长处:修正款式时,比第一种事情量小。收集情况欠好时,首页的表面不克不及完整包管,但最少结构不会乱。
- 假如制造的不是切合尺度的页面,好比公司产物的一个小专题,向导请求用table制造以确保专题上线速率。关于各个页面城市用到的款式:链接。关于只要这一个页面会用到,但会用到良多次的款式:嵌进<head>。关于只要这一个页面会用到且只利用一次的款式:嵌进<head>大概爽性间接写style="..."得了。
</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 |
|