仓酷云

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

[DIV+CSS] 来谈谈:CSS实例教程:CSS Hack

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

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

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

x
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
网页制造poluoluo文章简介:CSSHack是办理页面扫瞄器不兼容的技能办法,是一种办法哟,不要了解偏向。
写完第七课,由于工夫成绩没有持续写第八课有关扫瞄器兼容方面的文章,觉得人人能够本人把握这方面的常识,不外发明有良多同砚找了良多材料,良多文章往研讨,费时吃力的,效果也欠好,明天是礼拜六,我呢就再给人人补写这篇教程,率领人人用最短的工夫把握CSSHack!

说到扫瞄器兼容性成绩,就必需说CSSHack!提到Hack人人一定会想到电脑黑客(hacker)、和病毒程序接洽到一块,不外在CSS中,Hack是指一种兼容CSS在分歧扫瞄器中准确显现的技能办法。说的更直白一些就是,你平常做个页面,结构准确,CSS准确,可就是在分歧的扫瞄器中显现的效果纷歧样,要末错位,要末多几个像素,怎样都找不到缘故原由,这时候候我们就会用一些技能办法来让分歧的扫瞄器显现一样的效果,这类办法我们就称之为CSSHack,记着喽,CSSHack是办理页面扫瞄器不兼容的技能办法,是一种办法哟,不要了解偏向

不外这里必要申明一点,CSSHack都属于团体对CSS代码的非官方修正,以是编写的CSS代码不会经由过程官方W3C的认证,这个要晓得!今后常常会碰到这类情形,CSS写的准确,经由过程W3C考证,可是分歧扫瞄器显现效果纷歧样,用了CSSHack,显现的效果一样了,却又通不外W3C考证了,非常忧郁,不外不要钻牛角尖就是了,W3C考证只不外是帮你反省一下CSS代码写的有无语法毛病罢了,经由过程考证只不外是申明你到今朝写的CSS代码没有语法毛病罢了,不要太计算是不是经由过程考证,也不要多想,假如通不外W3C考证,其别人会不会笑话我,这些设法都是没有需要的,这申明我们的妙技更强,由于我们用到了CSSHack,再说了你的页面是给网平易近看的,网平易近看的是界面悦目欠好看,内容好欠好,有无找到他要找的器材,他不睬会你的页面有无经由过程W3C考证,以是KwooJan在这里提示人人,不要落进这个误区哟~

好,我们开讲!
这节课我次要讲两个最经常使用的CSSHack,假如这两个能分明,再学其他的Hack就简单了
(1)!important(2)*

!important
【例子】
#content{
height:960px!important;
height:900px;
}
它所附加的性命具有最高优先级,可是因为IE6不克不及辨认它,而关于IE7,FF均能辨认,以是我们就能够用来来办理一些页面,在IE6上显现的效果与IE7、FF上的效果纷歧样的情形。
在下面的例子中
IE7和FF碰到附加有!important的CSS属性,就会只剖析第一句“height:960px!important;”将高度定为960px,尔后面的“height:900px;”将不剖析,疏忽它;
由于IE6不熟悉附加有!important的语句,以是会跳过第一句,疏忽此句,间接剖析第二句“height:900px;”将高度定为900px;
注重:附加有“!important”的语句必定要在没有附加“!important”的语句的下面,按次必定不克不及错!

*
#content{
height:960px;
*height:900px;
}
因为IE6、IE7能够辨认附加有*的CSS属性语句,FF则不克不及辨认,以是我们就能够用来来办理一些页面,在IE上显现的效果与FF上的效果纷歧样的情形。
在下面的例子中
由于FF不辨认*,以是它只读第一句“height:960px;”而疏忽第二句,又因IE6、IE7辨认*,以是它们先读第一句,将高度定为960px,尔后又读第二句“*height:900px;”,将高度从960px修正为900px,以是我们在IE中看到的最后的效果就是高度为900px;
注重:附加有“*”的语句必定要在没有附加“*”的语句的上面,按次必定不克不及错!你想一想就晓得!

好了,这节课很简单,信任你一定很简单就了解了,前面的就是本人理论喽~加油列位!
===============================================================
为了匡助人人更好的进步,到这个帖子里***提倡议,拿金币!***,你但愿在前面的教程里加上哪方面的内容,你对如今教程有甚么倡议,说出来,我会给人人写一本电子书,人手一本,更好的匡助人人进步!快来吧,别等了~~~就等你的倡议了~</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
深爱那片海 该用户已被删除
沙发
发表于 2015-1-17 22:40:12 | 只看该作者
可以使用CSS检查工具进行设计。
柔情似水 该用户已被删除
板凳
发表于 2015-1-22 19:46:12 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
老尸 该用户已被删除
地板
发表于 2015-1-31 13:32:42 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
谁可相欹 该用户已被删除
5#
发表于 2015-2-6 19:59:17 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
透明 该用户已被删除
6#
发表于 2015-2-18 12:58:05 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
兰色精灵 该用户已被删除
7#
发表于 2015-3-6 08:30:42 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-13 00:03:55 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
简单生活 该用户已被删除
9#
发表于 2015-3-20 07:09:28 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-18 11:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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