开始网页设计需要什么CSS工具（框架、网格系统、IDE等等）？

我正在基于Grails技术构建一个新网站

关于我的网站的图形设计，我计划使用专业网页设计师提供的服务，但与此同时，我需要自己做一些基本的图形设计，以便有一个“用户友好”的测试版

我已经浏览了stackoverflow.com网站，但还是拿不定主意。以下是我发现的情况：

但不幸的是，有许多相互矛盾的答案。 首先，有人说使用CSS框架是反向创作，不是一件好事。其他人建议YUI Grids、BluePrint、960 gs、YAML……许多人说Compass允许轻松且可重用地开发CSS布局

因此，考虑到：

• 我是CSS世界的新手，我不打算成为一名网页设计师
• 我的布局应该是用户友好的（但不一定是令人敬畏的L&F）
• 它应该是可维护和易于改进的（由专业网页设计师）
• 易于实施（以便快速实现）

对于开始我的网站设计，你有什么建议

谢谢你的建议

---

Fabien

看看YUI CSS重置/base/font/grid

Grid960也有一些不错的布局（在google中搜索他们的网站）

对于开始我的网站设计，你有什么建议

立即获取Firefox插件

主要CSS使用：

• 查看哪些CSS规则适用
• 实时更改CSS并查看效果
• 检查其他网站，看看他们是如何做事的

---

如果没有这个工具，我将无法开发CSS（以及其他与web相关的技术）

首先，如果您不打算成为一名web设计师，我建议您将CSS外包。有几个网站，你可以在一个大的（1k）以下。或者

还有一件事你需要知道，还有两件事你需要解决：

所有HTML应以语义和有效的方式编写：语义=正确排序的标题、列表、无多余div等。；valid=将通过WC3验证测试。这些都不是火箭科学，但仍然是一项需要学习的技能。Andy Clarke是一本关于语义HTML/CSS的好书。为了便于维护，HTML和CSS应该整齐一致地缩进，等等

您需要确定是否需要一个管理后端和数据库来管理内容，或者您只是在构建一个由静态页面（即html和css文件、图像和其他媒体等）组成的站点。如果是前者，那就是另一条学习曲线：-）

你最擅长的技能是什么？如果你是一名优秀的设计师，那么让其他人编写HTML/CSS，或者使用现成的模板（网络上有很多模板）并对其进行定制。给你。如果您是一名程序员，请学习使用（Python），（Perl），（因为RubyonRails一开始有点大）或您最喜欢的语言的框架

好的CSS是一门手艺，简单是其精髓，但是如果你想学习足够多的知识来开始，我的建议是：

理解继承（CSS中的“级联”）以及任何东西都可以是“块”的事实，所以不要仅仅为了应用样式而使用大量嵌套的div。相反，将样式应用于HTML元素本身，或者仅当该元素出现在父块中时才应用于该元素（如边栏div中包含的菜单无序列表）

了解（这是一个很好的学习资源，我推荐它），CSS可以改变这种行为

在Firefox中测试，然后在Internet Explorer中测试。>=IE7还不错（但要小心）。你无法在IE中调整的内容，用于添加只有IE才能看到的CSS——永远不要使用CSS黑客——可以添加缺少的IE功能（例如，任何元素上的滚动样式）

了解并谨慎使用“固定的”

首先，将所有CSS放在一个文件中，不要在HTML中使用内联CSS

表单字段几乎是一项单独的技能：-）

使用背景图像添加样式，但也要了解可以使用定位偏移和重叠图像。不过，您需要使用PNG以获得良好的透明度。哦，是的，看起来不错，但是现在。尽管更灵活的（a=alpha）方法得到广泛支持。我也是，但两者都值得使用

---

我现在不想使用CSS框架和重置——在这个阶段，它们会通过添加另一个DSL来让事情变得复杂（但是还有其他的）。为了避免恼人的默认边距和填充，我总是通过执行

html*，body*{margin:0；padding 0；}

重置所有内容，然后在需要的地方重新构建边距和边距-到目前为止从未出现过问题：-）

我不知道您正在运行什么操作系统，但如果您是Mac用户，我建议您使用一个很棒的CSS免费工具：。它不是一个编辑器，而是一个CSS查看器/扫描器，它可以让你轻松浏览任何网页的CSS代码，这样你就可以更好地了解CSS的工作原理，并可以分析网页上任何出色的布局

（仅限Mac）是编写级联表的一个很好的解决方案，易于使用，价格不贵，功能齐全

焰火：我认为这是一个伟大的软件，起草您的布局，并作出一些良好的图形作品

Dreamweaver：这是一个用于web开发的一体化解决方案。。。这是一个非常好的工具，可以轻松地维护网站的远程版本与本地版本的同步

（仅限Mac）是Dreamweaver的一个非常好的替代品，即使它不允许您管理和编辑.htaccess文件

---

< P>编码你的网站，我建议Dreamweaver或CODA，但另一个好的选择是（Mac）。

Bootstrap，它是最好的CSS框架，我可以建议，还有一个叫做基础，但是我更喜欢Bootstrap，因为它在开发者中很受欢迎，而且是可扩展的。几乎没有其他的了