5个步骤来编写更好的CSS第二部分
这是第二部分的5个步骤来编写更好的CSS。 有大量的CSS教程可在互联网上，但很少教程是有用的。 在本教程中，您会发现5个步骤来编写更好的为您的下一个网站项目的CSS代码。 我希望你能喜欢这个教程。
1。 保持在同一行CSS声明
您应该始终保持在同一行CSS声明，它在你的CSS文件保持清洁和更小的帮助。 它也有助于消除不必要的空格和字符。
好的代码
; color : # 333333 ; background : #cccccc ; }氢气（字体大小：18px; 颜色 ：＃333333; 背景 ：＃cccccc;）
糟糕的代码
氢气 （ 字体大小：18px; ; 颜色 ：＃333333; ; 背景 ：＃cccccc; ）
2。 结合元素
最好的办法挽救行代码之一是分组选择器。 下面有什么我指的是一些例子。
好的代码
如h1，h2，H3的（ ; color : # 333 ; 字体- family：宋体，海尔维希， 无衬线 ; 颜色 ：＃333; ）
糟糕的代码
: Arial, Helvetica, sans-serif ; color : # 333 ; } h2 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; } h3 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; }上半年（ 字体- family：宋体，海尔维希， 无衬线 ; 颜色 ：＃333;）（ 字体氢- family：宋体，海尔维希， 无衬线 ; 颜色 ：＃333;）（H3的字体- family：宋体，海尔维希， 无衬线 ; 颜色 ：＃333;）
3。 使用“保证金”，以中心布局
到CSS很多初学者不明白你为什么不能简单地使用浮动：中心，实现这一目标的块级元素为中心的作用。 如果只有它很容易！ 不幸的是，您需要使用。
代码
＃集装箱 （ ; /* top, bottom - and left, right*/保证金：0 自动 / *顶部，底部-和左，右* / 宽度：xxxpx; ）
4。 评论你的CSS
这是一个伟大的想法您的评论部分的代码。 若要添加评论，只需添加/ *后面的评论，* /关闭它，像这样：
代码
/********代码从这里开始********/
5。 使用CSS压缩工具
如果你不想浪费在改变旧样式表，您可以简单地使用网络的CSS压缩工具，你的时间，它在几秒钟内使您的工作。
请在此线上的CSS压缩工具...
整洁的CSS
清洁的CSS
的CSS优化
Flumpcakes的CSS优化
cssdrive的CSS Comperasor
W3C的CSS验证
结论
这些仅仅是提示，帮我写一些更好的代码。 我希望该教程也将帮助你写更好，干净的代码。 应用这些提示您当前和未来项目，你一定会明白的努力。
如果你认为教程可以更多更好，请与我们分享。 评论我们
如果您想从我们这里得到更多的教程，请考虑订阅我们的的RSS或电子邮件饲料。
促进美
相关文章：
如果您喜欢阅读这篇文章，请检查以下其他相关文章：
雷维尔 说的：11月27日，2009年在9时05分说：
嗨，
首先，好文章！ 没有很多的文章，解决CSS的文风。 我有关于第一点，虽然有些想法。 在我看来，最好使用长写作风格，而发展中国家和有一个脚本“minify”你的CSS上使用时，现场环境中。
戴夫 说的：11月27日，在10:06 2009年时说：
我完全不同意点1。 当你有3宣言，1行代码是伟大的，但有6或7条，它变得非常难以阅读。
所有这一切也许1kB的保存？ 我不明白这一点。
除此之外之一，这里的一些体面的想法。
戴夫最后的博客.. 2更必须具备的不育系 ， 使WordPress的插件
尼科洛'法谢 说的：11月27日，2009年在10时34分说：
我戴夫同意，第1点是错误的，因为如果你在一个团队工作是非常困难的读取一行代码。
你也应该写为同一目的，按字母顺序排列的代码。
四川省Semeijn 上说：11月27日，在10:57 2009年时说：
为什么我们停止发布这些技巧？ 互联网已经充满了这些基本技巧。 我也不同意＃1。 它不会使你的代码更容易理解，它只是变得更加困难。
我的秘诀是将放到你的CSS的页面结构，为复位，标题，表格，HTML元素，字体等，这样你的CSS节会更容易理解。
safetycopy 上说：11月27日，2009年在下午9点38分说：
我同意一些其他人的意见-点1的坏的代码示例是不坏的代码-它只是一个备用的风格。 这一职位将是有益的只完成新手，我们并不想开始教他们糟糕的假设了！
safetycopy最后的博客.. 照片
乔希 说的：2009年11月29日在上午04时38分说：
我所有这些除了最后一个。 我不觉得是有用的压缩我的CSS，但不同的是，我强烈的问题＃1以前读者都同意。 我刚刚开始写在同一行，我的CSS和它的是巨大的。 滚动已经远远减少。 我想这是个人喜好。 一件事，就是帮助我使用的编辑器的代码包装到下一行所以没有水平滚动。
乔希最后的博客.. 上瘾到Flickr
FAQPAL 上说：2009年11月29日在下午4时○六说：
适于初学者的提示，我不minify我的CSS或者，也许一个更大的项目，将受益于minifying，但平均网站并不真正需要。
至于＃1去，我相信其措辞正是投过，而不是人们说：“恶意代码”，也许应该说像safetycopy，建议，“候补代码”。
FAQPAL最后的博客.. 利用CSS气泡效应
favSHARE 上说：11月30日12时49分2009年说：
这篇文章已被共享favSHARE.net。 去投票吧！
favSHARE最后的博客.. 25 Web版式教程