易截截图软件、单文件、免安装、纯绿色、仅160KB

澄清DIV+CSS设计的误区


当DIV+CSS平地起惊雷突然出现在网页设计行业的时候,官方、民间无不推崇备至,仿佛Table设计的时代就要终结,马
上就要步入DIV+CSS的时代,不懂得DIV+CSS你都不好意思说你会网页设计,不知DIV+CSS你都不好意思说你是站长,你
要还是用TABLE来设计站点,无数鄙夷之光就投射而来。
  然而DIV+CSS真的有这么神吗?该怎么真正的利用DIV+CSS优化站点,而不是挂羊头卖狗肉,插大葱装大象呢?
  DIV+CSS的设计中有几点误区,尤其应该澄清:
  1、DIV+CSS的合理之处在于可以进行网页的统一设计管理,通过一个样式表,牵一发而动全身,只要修改样式表,
就可以统一全站的风格,如果为一个页面单独做一个样式表,或者一个div就做一个样式表,没有全局设计观念,那么
这个div+CSS的设计方式就完全没有必要,甚至成了累赘;
  2、像Table一样用DIV+CSS,无穷尽的嵌套,其效果与Table设计没有两样,并不会带来搜索引擎的优化效果,反而
会增加页面的负担;
  3、推崇Div+CSS,却不考虑兼容性,TABLE设计由来已久,得到浏览器的广泛支持,所以显示效果很好,不会出现
错位情况,但是DIV+CSS却在部分浏览器中会发生页面错位的情况,因此在进行设计的时候也要考虑到不同浏览器的情
况,进行更改和调试。
  当然DIV+CSS有其固有的优点:1、标准化的页面结构;2、有利于统一设计管理;3、可以得到搜索引擎良好的支持,
但似乎利用DIV+CSS要注意以上误区,相信站长都有很多的体会,也有更多成熟的设计理念。


相关文档:

CSS兼容IE6、IE7、火狐(Firefox)技巧集合


 CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 
 
CSS技巧 
 
1.d ......

CSS解决未知高度垂直居中

原文链接 作者:怿飞
尽管有 CSS 的 vertical-align 特性,但是并不能有效解决未知高度的垂直居中问题(在一个 DIV 标签里有未知高度的文本或图片的情况下)。
标 准浏览器如 Mozilla, Opera, Safari 等.,可将父级元素显示方式设定为 TABLE(display: table;) ,内部子元素定为 table-cell (display: table-cell),通过 ......

css常用小结

输入框只有底框:
.box
{
  border-style:none none solid none;
 border-bottom-width:1px;
 border-bottom-color:#999999;
}
表格
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table> ......

CSS中的Clear tsiring的专栏

在当今web2.0时代,在设计网页的时候大家都会使用div+css进行布局,有点就不用多说了,自然有很多好处了,至少会比用table布局少些代码,而用div布局也有他们的不方便之处,就是比较复杂,尤其是多个div在一行显示,多个浏览器兼容等等,所以初学者还是尽量用table布局,待熟练了在用div.
现在说的是DIV+CSS中clear:both的作用,先看 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号