如何做出好的CSS布局
我目前知道一些CSS和HTML,我也做了一些网站。但我的网站的设计总是很糟糕,代码也是如此。我真的想制作非常漂亮的网站。有没有人有好的起点?如何做出好的CSS布局
就像是这个网站好点开始:
http://net.tutsplus.com/articles/web-roundups/10-hand-picked-tutorials-for-beginning-web-designers/
在先进的感谢!
这里有很多很好的资源。下面是我在过去使用的几个列表:
http://www.smashingapps.com/2010/04/19/10-excellent-free-web-apps-to-create-css-forms-and-grids.html
http://www.smashingapps.com/2010/07/27/top-17-websites-to-easily-generate-css-grid-layouts.html
我不想使用网格,因为我对CSS不是很熟悉,我想用一年的经验来使用网格。 – bubye 2011-05-09 14:39:32
我建议你先阅读一些史诗的帖子在这里:
而且,总是心里有一些重要的事情:
HTML必须是语义。创建您的 HTML结构像它意味着不是它 外观。
使用CSS进行所有定位。请记住 即
float
,position
,z-index
和clear
是你的朋友。避免特定的浏览器黑客入侵。实际上,对于IE9,Chrome,Firefox,Opera和Safari浏览器,几乎所有的操作都可以完全实现 。我们附近有IE8(只有 没有CSS3的东西)。你的努力方式 将IE7,但它不是那么多远离IE8 。
请选择您的浏览器和 图形like this。 我不在乎IE6了, 我也停下来关心IE7。使用
table
不是犯罪行为。 被创造表格数据表,即 网格,具有多于2个 列列表等使用
table
是犯罪行为。不要使用 它为您的布局结构,像 菜单,页眉,页脚等使用
div
也可以是犯罪行为。 “无表”并不意味着“Divmore”。 你的标记必须是清晰的,并且必须是有语义的 。数十个divs如此 不好,因为表可能。阅读W3C Specs和 了解你的网页标准 了解你自己的名字。
并总是讨论(在这里与我们或许多博客有关)为什么某种方法比其他方法更好。
祝你好运!
+1尼斯链接和令人难以置信的提示。 – 2011-05-09 14:40:19
我认为你可以更好地评判自己。我们不知道你的技能组合。 – Ruben 2011-05-09 14:22:46