仓酷云

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

[DIV+CSS] 带来一篇CSS兼容要点剖析

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

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

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

x
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
IEvsFF

CSS兼容要点:
DOCTYPE影响CSS处置
FF:div设置margin-left,margin-right为auto时已居中,IE不可
FF:body设置text-align时,div必要设置margin:auto(次要是margin-left,margin-right)方可居中
FF:设置padding后,div会增添height和width,但IE不会,故必要用!important多设一个height和width
FF:撑持!important,IE则疏忽,可用!important为FF出格设置款式
div的垂直居中成绩:vertical-align:middle;将行距增添到和全部DIV一样高line-height:200px;然后拔出笔墨,就垂直居中了。弱点是要把持内容不要换行
cursor:pointer能够同时在IEFF中显现游标手指状,hand仅IE能够
FF:链接加边框和背景致,需设置display:block,同时设置float:left包管不换行。参照menubar,给a和menubar设置高度是为了不底边显现错位,若不设height,能够在menubar中拔出一个空格
XHTML+CSS兼容性办理计划小集

利用XHTML+CSS构架优点很多,但也的确存在一些成绩,不管是由于利用不纯熟仍是思绪不明晰,我就先把一些我碰到的成绩写鄙人面,省的人人到处找^^
1.在mozillafirefox和IE中的BOX模子注释纷歧致招致相差2px办理办法:
  1. div{margin:30px!important;margin:28px;}
复制代码
注重这两个margin的按次必定不克不及写反,据阿捷的说法!important这个属性IE不克不及辨认,但其余扫瞄器能够辨认。以是在IE下实在注释成如许:
  1. div{maring:30px;margin:28px}
复制代码
反复界说的话依照最初一个来实行,以是不成以只写margin:XXpx!important;
2.IE5和IE6的BOX注释纷歧致IE5下div{width:300px;margin:010px010px;}div的宽度会被注释为300px-10px(右添补)-10px(左添补)终极div的宽度为280px,而在IE6和其他扫瞄器上宽度则是以300px+10px(右添补)+10px(左添补)=320px来盘算的。这时候我们能够做以下修正
  1. div{width:300px!important;width/**/:340px;margin:010px010px}
复制代码
,关于这个/**/是甚么我也不太分明,只晓得IE5和firefox都撑持但IE6不撑持,假如有人了解的话,请告知我一声,谢了!:)
3.ul标签在Mozilla中默许是有padding值的,而在IE中只要margin有值以是先界说
  1. ul{margin:0;padding:0;}
复制代码
就可以办理年夜部分成绩
4.关于剧本,在xhtml1.1中不撑持language属性,只必要把代码改成
  1. <scripttype="text/javascript">
复制代码
就能够了
</p>
结构清晰,容易被搜索引擎搜索到,天生优化了seo
小妖女 该用户已被删除
沙发
发表于 2015-1-18 06:34:45 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
老尸 该用户已被删除
板凳
发表于 2015-1-24 20:35:36 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
蒙在股里 该用户已被删除
地板
发表于 2015-2-2 14:48:23 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
5#
发表于 2015-2-8 00:59:39 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
海妖 该用户已被删除
6#
发表于 2015-2-24 02:52:15 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
若相依 该用户已被删除
7#
发表于 2015-3-7 10:50:03 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
金色的骷髅 该用户已被删除
8#
发表于 2015-3-15 03:42:20 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
透明 该用户已被删除
9#
发表于 2015-3-21 20:22:20 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-9-24 17:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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