仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1195|回复: 9
打印 上一主题 下一主题

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

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:25:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

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或者是火狐,您的网站都能很好的兼容。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-17 07:54:22 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
admin 该用户已被删除
板凳
发表于 2015-1-20 15:51:14 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
再现理想 该用户已被删除
地板
发表于 2015-1-29 12:45:25 来自手机 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
不帅 该用户已被删除
5#
发表于 2015-2-6 01:05:49 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
再见西城 该用户已被删除
6#
发表于 2015-2-14 19:31:42 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
蒙在股里 该用户已被删除
7#
发表于 2015-3-4 10:02:24 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
只想知道 该用户已被删除
8#
发表于 2015-3-11 18:15:55 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
谁可相欹 该用户已被删除
9#
发表于 2015-3-19 07:04:27 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
因胸联盟 该用户已被删除
10#
发表于 2015-3-27 13:07:39 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-28 01:29

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表