使用CSS3样式表的提示

一旦我们定义了网站的结构并开发了 DOM 以精确的方式定义它的样式很重要，它也是最具创造力的领域，您可以在其中以最高的精确度自定义网站的最后一个角落。 级联样式表是最合适的解决方案，但是对于所有首次涉足Web开发领域的人来说，应该考虑一些技巧以达到最佳效果。

为了获得典型的奉献前端的专业结果，有必要考虑某些方面，例如顺序，可读性以及此类实践中最常见错误的更正。 我在下面分享 五个技巧 非常基本，但同时对于CSS样式表的处理和最佳配置也非常重要。

确保在CSS3样式表中建立有效的顺序和结构

我总是按层次结构顺序划分样式表。 首先，我通常应用通用选择器，然后继续添加html选择器的声明，最后继续在容器和次要元素的ID中进行操作。 基本接地 遵循DOM的逻辑 从父母开始，直到孩子。 但是，我们也可以遵循其他公式或顺序，例如，可以根据选择器的功能对它们进行分组。 一切都取决于我们的喜好以及我们对工作的感觉如何。

为每个选择器选择简洁明了的名称

您应该牢记一些非常重要的事情，那就是CSS3在大小写字母的用法上有所不同，因此用大写字母写一个单词可能意味着不同，并可能导致错误。 最简单的方法是始终使用小写字母来避免此类问题。 也试试 选择您的班级和您的ID可以清楚识别的名称 并且它们不会推断我们有任何疑问或错误。

不要忘记添加澄清的评论

当然，您需要与其他人共享文件，也许是您的客户或工作团队中的同事，例如布局设计师，其他设计师或开发人员。 因此，注意结构并确保整洁的表面非常重要。 清晰的注释将帮助任何访问我们的样式表的人迅速找到自己的出路。 必须考虑的任何类型的观察 它必须作为内容出现。 请记住，您既可以在HTML文件中也可以在CSS文件中包含内容，在这两种情况下，它们都是注释，它们在逻辑上不会反映在最终结果中，并且仅在访问源代码时才可见，因此它们将非常有帮助。

始终在样式表中应用重置

每个浏览器都有其默认样式表，因此为了避免根据查看页面的浏览器而导致任何错误或更改，它非常有用，建议您 重置您的样式表。 有几种选择，Eric Meyer的重置样式表可能是一个很好的选择。

选择最有效的工具

在进行网站设计时，可以使用许多工具来提高效率。 从线框的创建到网站结构的开发，包括各种应用程序，包括 Adobe Photoshop，Illustrator或Fireworks。 您也有很多专业编辑是最受推荐的编辑之一（至少是我使用的编辑） Sublime Text，或者失败了，Adobe Dreamweaver 因为它们提供了具有高度个性化的非常简单的界面，并且可以通过快捷方式系统和自动完成系统来使用我们的代码，这将帮助我们节省超过70％的处理时间传统纯文本的编辑。