给大家带来CSS层叠款式表:链接仍是嵌进?

显示全部楼层 · 发表于 2015-1-16 00:25:44

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
CSS款式表，是利用<link...>来挪用独自的文件好呢，仍是间接用<style>...</style>嵌进页面外部好呢？大概说事实这两种办法该怎样利用呢？
在阿捷的w3cn中，他说：
援用内容
在之前，我们一般接纳2种办法利用款式表：
页面内嵌法：就是将款式表间接写在页面代码的head区。相似如许：
<styletype="text/css"></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或者是火狐，您的网站都能很好的兼容。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 给大家带来CSS层叠款式表:链接仍是嵌进?

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子