仓酷云

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

[DIV+CSS] 来看看:针对各扫瞄器的九年夜CSS埋没技能

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

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

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

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
我们都晓得扫瞄器之间是有差别的,良多人在利用XHTML+CSS体例制造网页的时分都曾为此非常头痛。要在这些差别的影响下事情必要良多的技能,“埋没CSS”就是个中很主要的一种技能(乃至是最主要的)。
这类技能的次要头脑是,用某些体例对某些扫瞄器埋没某些重载的CSS划定规矩。
这篇文章并非想教你怎样利用这类技能,它面向的是有必定CSS基本的计划开辟者,我假定你已经利用过某种埋没CSS划定规矩的办法。这里是想把可用的办法与被埋没划定规矩的扫瞄器都列出来,便利人人在平常事情时随时查阅。
在这张年夜内外列出了九种办法,我就称其为“独孤九剑”,但愿能帮上你的忙:-D
注:此表格原载w3development.de。
Browser@importurl("...")@importurl(...)@import"..."media=""@mediacommentattributechildTantek
Amaya5.1Winxxxx
IE3Winxxxxxxx
IE4Winxxxxxxxx
IE5Winxxxx
IE5.5Winxxx
IE6Winxx
IE4.01Macxxxxxx
IE4.5Macxxxx
IE5Macxxx
Konqueror2.1.1x
Mozilla1.0
Netscape4.xxxxxxxxx
Netscape6.01
Netscape6.1
Netscape6.2
Opera3.60Winx
Opera4.02Win
Opera5.02Win
Opera5.12Win
OperaTechPreview3Mac
看完这张表以后我的第一反响是:Mozilla和Opera真乃神人也。只要一条划定规矩会对Opera最老的一个版本起感化,以是前面我们在讲到埋没划定规矩的时分基础上就不思索Mozilla和Opera了。上面列出这九种“剑法”的招数,同时在中间也注上了我团体保举的利用场所。注重,我保举的纷歧定与你的需求符合,利用前请对比下面的表格。
@importurl("")
@importurl("global.css")
对老版本(版号小于5)的扫瞄器埋没划定规矩。
@importurl()
@importurl(global.css)
对Windows平台的老版本(版号小于5)扫瞄器埋没划定规矩。
@import""
@import"global.css"
对Windows平台的老版本(版号小于5)扫瞄器埋没划定规矩。
media=""
<linkhref="global.css"type="text/css"rel="stylesheet"media="all"/>
对Netscape4.x埋没划定规矩。
@media
@mediaall{
.../*必要埋没的划定规矩*/
}
假如只思索NN和IE的话就是只对4.x版本埋没划定规矩。
comment
#anySelector/**/{color:#f00;}
这但是准确制导导弹。只对IE5及以下版本埋没划定规矩。以是假如要把IE5和IE5.5分隔界说划定规矩,那就靠它了。
attribute
p[id]{color:#0f0;}
又一个准确制导导弹。假如不体贴老版本扫瞄器,那就是只对IE埋没划定规矩。关于属性选择器的更多信息请看W3C的文档。
child
p>span{color:#00f;}
基础同上,只是Mac平台部分版本的IE撑持这个划定规矩。
Tantek
p#tantek{
voice-family:""}"";/*某些扫瞄器有剖析bug*/
voice-family:inherit;/*在这以下的划定规矩城市被疏忽*/
color:#f00;
}
出名的埋没CSS技能,对一切“非古代”扫瞄器埋没划定规矩
</p>
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
兰色精灵 该用户已被删除
沙发
发表于 2015-1-18 05:47:26 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
飘灵儿 该用户已被删除
板凳
发表于 2015-1-24 14:08:04 来自手机 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
若相依 该用户已被删除
地板
发表于 2015-2-1 17:09:09 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
蒙在股里 该用户已被删除
5#
发表于 2015-2-7 13:11:50 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
海妖 该用户已被删除
6#
发表于 2015-2-22 11:32:22 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-7 00:51:44 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
活着的死人 该用户已被删除
8#
发表于 2015-3-14 03:59:56 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
再见西城 该用户已被删除
9#
发表于 2015-3-21 01:00:46 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 22:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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