2010/06/03 | div+css 兼容性总结！

类别(DIV+css教程) | 评论(1) | 阅读(21) | 发表于 14:23

2010/05/10 | display:inline怎么用?

类别(DIV+css教程) | 评论(1) | 阅读(19) | 发表于 13:08

它可以让行内显示为块的元素，变为行内显示，例如      <div> DIV1 </div>      <div> DIV2 </div>      这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了      <div   style= "display:inline "> DIV1 </div>      <div   style= "display:inline "> DIV2 </div>      DIV1和DIV2这时候显示在同一行了，试试看吧    &……

2010/05/10 | overflow:hidden属性

类别(DIV+css教程) | 评论(0) | 阅读(3) | 发表于 12:53

overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，其实他还有清除浮动这个含义。        一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。 <div id="wai"> <div id="nei"></div> </div> 这是一个常用的div写法，下面我们来书写样式。大家可以在DMX中自己做试验 #wai{ width:500px;  background:#000; height:500px;} #nei { float:left; width:600px; height:600px; background:red;} 可以看到，我给nei这个id加了一个浮动，我们常规的理解是，我们允许nei……

2010/05/10 | 您需要了解的DIVCSS网页布局的8条面试题目

类别(DIV+css教程) | 评论(1) | 阅读(12) | 发表于 11:16

一、超链接点击过后hover样式就不出现的问题？　　被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的margin双倍边距bug问题　　例如：  Example Source Code [www.52css.com]<style type="text/css">     body {margin:0;}     div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;} </style> 　　浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline三、为什么中火狐浏览器下文本无法撑开容器的高度？……

2010/05/10 | DIVcss初学者需要引起重视的10个问题与技巧

类别(DIV+css教程) | 评论(0) | 阅读(13) | 发表于 10:19

一、检查HTML元素是否有拼写错误、是否忘记结束标记 　　即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 　　二、检查CSS是否正确 　　检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 　　三、确定错误发生的位置 　　假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。 　　四、利用border属性确定出错元素的布局特性 　　使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。 　　五、float元素的父元素不能指定clear属性 　　MacIE下假如对float的元素的父元素使用clear属性，四周的float元素布局就会混乱。这是MacIE的闻名的bug，倘若不知道就会走弯路淘宝代理。 ……

2010/05/10 | DIV+css教程之UL、LI！

类别(DIV+css教程) | 评论(0) | 阅读(45) | 发表于 09:55

我们制作导航条按照传统的方法由放在一行表格单元里的图形图像构成，或者由单元格内的文字所组成，由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找新的方法，用结构化的XHTML标记和CSS格式来创建导航条。这样的创建方式也更对搜索引擎蜘蛛友好，这对我们来说是非常重要的。　　创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以，为了避免所有的链接都挤在一起，你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔，让这些文字分离开来，不至于混在一起。但这样有意义吗？　　现在我们正常的做法是应用ul、li标签把链接作为无序列表（unordered list）来标识。再应用CSS样式对其进行控制，按我们预想的形式在容器中显示出来。对导航条使用无序列表似乎是不符合直观感受的，因为我们习惯于把无序列表作为一个竖着推起来的列表项目，每个前面都放着一个列表预设标记。这似乎不符合导航条水平方向的习惯。但作为独立列表项目集合的列表逻辑结构能够……