易截截图软件、单文件、免安装、纯绿色、仅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盒模型详细讲解

CSS 盒模型
  网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
  
  如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
  这个图表很好地展示了作用于页面上任意盒子的数值。
  
  注意以上两个例子中,margi ......

DIV + CSS 入门

一、什么是DIV+CSS?
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模 ......

CSS 绝对定位学习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......

CSS的几种选择符

      应用样式的方法有三种:外部(external)、内部(internal)和内联(inline)。其中前两者的基本格式为:
            selector { property : value; }
      CSS中可以使用不同的selector(选择符)来应用样 ......

CSS实现圆角的 25 种技巧分享

原文地址:http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号