如何制作好的CSS布局

我目前知道一点CSS和 HTML,我也做了几个网站.但我网站的设计总是很糟糕,代码也是如此.我真想制作非常漂亮的网站.有没有人有好的起点？

喜欢这个网站是一个很好的开始点：

http://net.tutsplus.com/articles/web-roundups/10-hand-picked-tutorials-for-beginning-web-designers/

提前致谢！

解决方法

我建议你先阅读一些史诗帖子：

> Why not use tables for layout in HTML?
> https://stackoverflow.com/questions/167531/is-it-ok-to-use-a-css-reset-stylesheet
> Common Web UI Styles
> Should I teach CSS layout directly to new learners or should I first teach how to make layout with tables,then table-less layouts?
> Fluid layouts with CSS
> How to make css smaller?

此外,始终要记住一些重要的事情：

> HTML必须是语义的.创建你的
像它的HTML结构意味着不是它
出现.
>使用CSS进行所有定位.记得
浮点数,位置,z指数
是你的朋友.
>避免特定的浏览器黑客攻击.在
事实上,几乎所有人都可以完全做到
适用于IE9,Chrome,Firefox,Opera和
苹果浏览器.我们附近有IE8(仅限
没有CSS3的东西).你的艰难之路
将是IE7,但它不是那么多
远离IE8.
>按受众选择您的浏览器
图形like
this.
我不再关心IE6了
我也不再关心IE7了.
>使用表格不是犯罪.表
是为表格数据创建的,即
网格,超过2的列表
列等
>使用表是犯罪行为.不要用
它适合你的布局结构
菜单,页眉,页脚等
>使用div也可能是犯罪行为.
“无表”并不代表“Divmore”.
你的标记必须干净
语义永远.数十个div是如此
表格可能不好.
>阅读W3C
Specs和
了解像你这样的网络标准
了解你自己的名字.

并且总是讨论(在这里与我们或在许多博客上讨论它)为什么某些方法比其他方法更好.

祝好运！