CSSQDIV是网站标准(或称“WEB标准”Q中常用的术语之一Q通常Z说明与HTML|页设计语言中的表格QtableQ定位方式的区别Q因为XHTML|站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各U定位?/p>
CSSQDIV|站设计的优?/strong>
首先QCSS的极大优势表现在z的代码Q对于一个大型网站来_(d)可以节省大量带宽Q而且众所周知Q搜索引擎喜Ƣ清z的代码Q其真正意义在于Q增加了有效关键词占|页M码的比重Q,因此使用CSSQDIV的web标准制作的网站具有搜索引擎友好的一定优ѝ?/p>
其次QCSS+DIV制作的网站得网站改版相对简单,很多问题只需要改变CSS而不需要改动程序,从而降低了|站改版的成本?/p>
管CSS+DIVh一定的优势Q不q现阶段CSS+DIV|站存在的问题也比较明显Q主要表现在Q?/p>
W一Q对于CSS的高度依赖得网设计变得比较复杂。相对于HTML4.0中的表格布局QtableQ,CSS+DIV管不是高不可及(qing)Q但臛_要比表格定位复杂的多Q即使对于网站设计高手也很容易出现问题,更不要说初学者了Q这在一定程度上影响了XHTML|站设计语言的普?qing)应用?/p>
W二QCSS文g异常媄(jing)响整个网站的正常览。CSS|站制作的设计元素通常攑֜几个l外部文g中,q一个或几个文g有可能相当复杂,甚至比较庞大Q如果CSS文g调用出现异常Q那么整个网站将变得惨不忍睹?/p>
W三Q对于CSS|站设计的浏览器兼容性问题比较突出。基于HTML4.0的网设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但CSS+DIV设计的网站在IE览器里面正常显C的面Q到火狐览器(F(tun)ireFox Q中却可能面目全非(q也是ؓ(f)什么徏议网l营销人员使用火狐览器的原因所?Q。CSS+DIVq有待于各个览器厂商的q一步支持?/p>
用过div+css作个整个|站Q如果是Ua(b)的div的布局是比较麻?ch)的Q尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的Q比如图片的圆角Q这些如果套div比较ȝ(ch)Q在一个div在VS2005设计器里面可能变形,如果q多的套divQ你实现ajax拖动效果的时候比较麻?ch),所以我觉得gq是div+嵌套table比较好?/p>
圆角——可以用div+css做出一h亮的圆角Q而且不用囄Q而且是宽度、高度自适应?/p>
怎么实现?挖挖Google Talk的css模板
忘掉 div ?table ?
html 最大的特点是兼容性和自适应性?/p>
使用了复杂的 div+css 后,你也怼(x)发现?IE 中很观的页面在其他览器中看v来象一团浆p。做一个网站而只服务与特定的览器,是不可取的。如果看到哪个网上?ldquo;L(fng) XXX 览”的字P一个字的评?ldquo;?rdquo;!
html 览器会(x)自动Ҏ(gu)面的内容进行排版,q是普通的应用E序难以做到的。做?ldquo;L(fng) X*Y 以上分L率浏?rdquo;的、在高分辨率昄器上费了大量页面左右空白而用长长滚动条的、用了固定字体大小的,l统都是从开发应用程序{q来?ldquo;半\出家的和?rdquo;?/p>
千万不要模仿所谓的“XX优秀|站设计”Q那如果不是dҎ(gu)意的推广某种技术,是作者的术功底太过优秀的。一个好的网站,只有先做到内容充实、简z、合理组l、方侉K读,再去考虑锦上添花的修饰?/p>
已经完全转型div/css 刚开始还是比较麻?ch),动不动就查样式文档,现在基本实现手写?/p>
推荐用VS2005布局Q比如一个页面在VS2005的标准样式布局后,再将一个个样式取出到单独css文g中,q是比较快的办法?/p>
SPAN ?DIV 的区别在于,DIV(division)是一个块U元素,可以包含D落、标题、表|乃至诸如章节、摘要和备注{。而SPAN 是行内元素,SPAN 的前后是不会(x)换行的,它没有结构的意义Q纯_Ҏ(gu)应用样式Q当其他行内元素都不合适时Q可以用SPAN?/p>
下面以一个实例来说明q两个属性的区别?/p>
代码:
SPAN标记有一个重要而实用的Ҏ(gu),卛_什么事也不?x)做Q它的唯一目的是围绕你的HTML代码中的其它元素Q这样你可以ؓ(f)它们指定样式了。在此例中,标识W允怽一个段落分成不同的部分?/p>
q有一个标识符hcM的功能,
DIV也被用来在HTML文g中徏立逻辑部分。但?/p>
SPAN不同Q?/p>
工作于文本块一U,它在它所包含的HTML元素的前面及(qing)后面都引入了行分隔?/p>
效果:
SPAN标记有一个重要而实用的Ҏ(gu),卛_什么事也不?x)做Q它的唯一目的是围绕你的HTML代码中的其它元素Q这样你可以ؓ(f)它们指定样式了。在此例中,标识W允怽一个段落分成不同的部分?/p>
q有一个标识符hcM的功能,
DIV也被用来在HTML文g中徏立逻辑部分。但?/p>
SPAN不同Q?/p>
工作于文本块一U,它在它所包含的HTML元素的前面及(qing)后面都引入了行分?/p>