CSS+DIV布局区别于HTML网页设计语言中的表格（table）定位方式，在XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：

1. 检查HTML元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否正确

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

3. 确定错误发生的位置

如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

阅读全文…

技术新知 DIV，CSS

良好的代码习惯，能使源代码更加通俗易懂，在项目协作时更方便同伴查阅你的代码。

下面是大众化的CSS命名规则：

页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab

阅读全文…

技术新知 DIV，CSS，前台，规则

将div的line-height设置与div高度一样，配合text-align:center，可实现在IE中内容垂直水平居中显示。示例如下：

CSS：

<style type="text/css">  
.ccdiv {    
  float: left;    
  text-align: center;    
  width: 200px;    
  height: 200px;    
  margin: 5px;    
  border: #ccc 1px solid;    
  line-height: 200px;    
  }  
.ccdiv img {    
  border:#666 1px dotted;  
  }   
</style> 

阅读全文…

技术新知 DIV，CSS，HTML，水平居中，垂直居中

DIV水平居中显示：

定义div宽度后，设置{margin-left: auto; margin-right: auto;} 即可实现div水平居中，代码示例：

CSS：

<style>  
.cdiv {  
width:200px;  
margin-left:auto;  
margin-right:auto;  
}  
</style> 

 HTML：

<div class="cdiv">fufuok.com</div> 

阅读全文…

技术新知 HTML，DIV，CSS，水平居中，垂直居中