CSS布局与传统表格(table)布局最大的区别
2008-04-30 22:02
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2px so... [阅读全文]
扔掉 Table 使用 XHTML+CSS的布局
2008-04-30 21:33
在CSDN社区上，时不时能够看到一些页面整体布局的问题，要求用div做一些table才能做到的，否则就以此为把柄说XHTML+CSS布局方法不好。其实，首先要做的是改变思维，以适应XHTML+CSS的布局。 面向页面设计而非面向浏览器设计 XHTML +CSS能够实现的是一种流布局，也就是随着内容的长度自动增长区域，并且最终导致整个页面增长，这时候浏览器就必须显示滚动条。table强迫症的一个 征兆就是极力避免流布局，希望以浏览器的可视区域为布局目标，要求在可视区域中划分内容区域而不是在页面上划分内容区域。实际上XHTML是无法针对浏览 器设计的，因为它仅仅包含语义，或者说是内容，而浏览器如何... [阅读全文]
最新评论