如何制作好的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

了解像你这样的网络标准
了解你自己的名字.

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

祝好运!

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效