我想构建一个我想象的CSS模板：这意味着来自SCRATCH。
我想这样做，如果我用笔做，但只是用鼠标。我不知道这个领域（css），这就是我要问的原因。许多开发人员都制作了很棒的模板。
我想知道你如何创建CSS模板？ （如果你这样做了）你是从头开始使用框架，使用应用程序吗？这很难还是容易？
你是怎么做到的？
答案 0 :(得分：21)
您可以在a list apart找到有关css的所有内容和任何内容。您可能也喜欢css garden。伟大的，真实世界的例子，你可以分开和黑客。
答案 1 :(得分：13)
我的典型行动方案：
答案 2 :(得分：6)
*
{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
提示想象力
答案 3 :(得分：4)
不要重新发明轮子，找到一个良好的css基础并以此为基础。
答案 4 :(得分：2)
我假设您将重新使用此功能，因为您已将其称为模板，因此我确保您以合理的方式组织/ 对您的css元素进行分组（文字，布局等）。您需要一些可以在以后快速阅读和自定义的内容。
绝对清除默认边距和填充，因为不同的浏览器（ cough IE）对各种元素应该具有的边距和填充有自己的想法。
最后，使用百分比和ems 。这将大大减少您的重复。例如......
body { font-size: 12px };
.wrapper { width: 800px; }
现在你有一个基础，其他一切都可以参考。所以我可以这样做：
h1 { font-size: 2em; }
.content { font-size: 1.2em; }
.sidebar { font-size: 1em; }
.content { width: 70%; }
.sidebar { width: 30%; }
如果您认为800px是旧帽子，您可以将一个宽度更改为900px，一切都可以正常工作。
答案 5 :(得分：1)
您可能需要阅读CSS。
答案 6 :(得分：1)
这完全取决于具体情况。如果我必须为使用CSS的现有页面创建模板（通常由编辑器或其他东西生成），我会将其用作起点并改变点点滴滴，直到它完成我想要的操作。这也适用于wordpress和那种应用程序。
当我没有css开始时，我会从'Body'开始工作，然后一直到孩子们的孩子们等等。从大到小。< / p>
我喜欢使用一个工具来显示我正在编辑的css标签的可视化表示，这样我就能看到它的样子。我喜欢Expression Web因为它可以很容易地导航到样式并向我显示它的样子。
答案 7 :(得分：1)
您在this reply的评论中说过，您希望能够轻松调整它吗？
为了这个目的，我强烈推荐一些firefox扩展。 Firebug非常适合快速查看css背后的内容或调整css。如果你将鼠标悬停在firebug中的某些内容上，它将显示css，并让你关闭css的各行，看看浏览器如何呈现它。
答案 8 :(得分：0)
我从零开始，只需使用VS或Aptana等键入它。
我计算出基本布局，例如3列。
然后我使用内联样式来创建基本布局，添加标记和html，直到我拥有它我喜欢它。然后我继续这种方式，直到我拥有我的网站的基本骨架。
从这里开始，我把css放到一个外部文件中，然后开始添加我的元素，样式化。
在你知道它之前，你会看到一些看起来很甜蜜的东西，它发生得非常快！