单行一列
以下是引用片段：
body { margin: 0px; padding: 0px; text-align: center; } 
#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 
...

CSS命名规范

一．文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二．常用类/ID命名规范

...

一些关于CSS选择器性能的讨论引起了我的兴趣。

第一个是Shaun Inman写的《合格的CSS选择器（CSS Qualified Selectors）》，实际上这篇博文并没有提到CSS性能，不过有一个来自David Hyatt(Safari 和 WebKit 的架构师,同时为 Mozilla, Camino, Firefox 工作)的评论：

准备去应聘一个网页设计的职位。看起来应该去复习一下xHtml（CSS应该不需要多复习吧-_-!!），不过，先来一些CSS 3.0的知识吧。怎么说呢？CSS 3已经非常强大了，圆角+resize则是我喜欢的。

1. 基本的xhtml标记

在开始这个教程之前，让我们来做点xHtml标记，我们需要的几个DIV来完成效果的显示，如下：

#round, 这个显示CSS 3圆角
#indie, 单个角的显示
...

变量 （variables）
重复使用的值可以定义成变量的形式，方便更改哈
例子如下：

#header {  color: #4D926F;}h2 {  color: #4D926F;}

@brand_color: #4D926F;#header {  color: @brand_color;}h2 {  color: @brand_color;...

五、jQuery & CSS　智能栏

　　上面的修复方法解决了高度变换的div的问题。但对于想使用相等高度的布局来说，这未必是一个好的办法，Soh Tanaka 在他的 SohTanaka.com 网站上提供了一个jQuery脚本和一个智能的css使流动布局的栏能很漂亮的折叠和扩展，查看演示页Smart Columns w/ CSS & jQuery

　　jQuery & css智能栏是什么?

　　智能栏是一个脚本，为了得到更好的视觉效果，它改变divs的宽度，并决定在浏览器当前页面尺寸下会呈现多少栏?对于用户调整浏览器也很完美，而不是进入网页时仅仅照顾浏览器的尺寸。

三、 流动布局中的图像

　　在流动布局中开发者最关心的是处理图像和内容，它们需要一定的宽度。大多数情况下，我们希望我们的图像尽可能的大，至少在太小时应防止任何令人尴尬的空白，在固定宽度的布局中，可手动调整，客服这些问题很容易。但是，在流动布局中，图像区域的宽度是不断变化的，这些问题就在此出现了。

　　自动杂志版面设计

　　这个解决方案需要一些聪明的数学知识和PHP，在Harvey Kane 的 Automatic Magazine Layout 文章中有全面的解释(包括数学)和可下载的源代码。标题由图像在杂志中如何呈现来决定：有条理且总是完美对齐。当然，一本杂志版面的设计师都必须经过一定的过程来实现这种效果，包括调整和手动放置。

...

二、自适应内容

　　该流动设计另外一个常见问题是：尽管它们适应很多分辨率的屏幕，但如果分辨率太小(如手机或PDA)或超大，看上去就有点滑稽了。在分辨率为240的PDA屏幕上一个三栏布局看起来非常混乱。

　　为了解决这个问题，我们可以使用一项技巧使内容自适应特定范围的分辨率屏幕。幸运的是，我们可以利用上面的技术来保持我们的比例，然后增加该项技术以得到更好的可用性。

　　自适应内容流动布局

　　大多数流动布局在分辨率为800×600的屏幕中看起来很大很宽--高达1280px。但是，我们可以稍稍突破一下，针对800px-1024px、1024px-1280px、1280px以上的屏幕定制略微不同的布局。同样，也可为640px-800px、320px-640px、240px-320px、240px以下的屏幕自定义调整。

...

流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、PDA小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。

　　如果你作为设计师通过额外的付出创造了一个功能性流动布局，为什么不更进一步使其兼容所有分辨率，而不是局限于大多数屏幕。你可以使用一些技巧创造一种意想不到的适应性布局，这种布局在不断改变屏幕分辨率情况下会保持功能上的完整性。

　　在这篇文章，我们将讨论创造100%功能自适应css布局的行之有效的方法