视频: 【程式課程】動畫互動網頁程式入門 (HTML/CSS/JS) －Hahow 好學校 2024
使用CSS（层叠样式表）的最令人困惑的方面之一是您可以通过多种方式编写样式。就像写散文一样，只是因为你明白了语法和拼写的基本规则，并不意味着你已经掌握了写简练的散文。经验丰富的CSS设计师花费大量的时间来制作简单，清晰的CSS，这些CSS很容易编辑和更新。但是那些刚接触CSS的人倾向于写更多的风格而不是必要的风格。
<！ --1 - >
冗余代码不仅需要花费更长时间才能下载到Web浏览器中，稍后编辑或修改将更加困难。而且，代码越冗余，就越有可能遇到风格冲突。以下是编写干净，高效样式的五个技巧：
不要在足够的时候创建两种样式。
-
例如，您可以使用标签选择器为所有 标签创建样式，这些标签可以更改标题的字体系列，然后使用类别选择器创建第二个样式，可以将其应用于标题以更改颜色。
您可以通过包含整个十六进制颜色代码来定义CSS中的颜色。但是，使用重复的颜色代码时，只需要包含前三个字符。例如#ffffff与#fff相同;两者都会造成白色。
-
您可以在每个网页顶部的内部样式表中定义样式，也可以使用样式将样式保存在外部文件中。 CSS扩展，并将该样式表附加到您的所有网页。外部样式表本质上更高效，因为它们使您能够在网站的任何或所有页面上使用相同的样式。 -
例如，如果您定义使所有主要标题为大胆，蓝色和大号的样式，则将该样式保存在外部样式表中可让您为每个标题使用相同的样式。然后，如果稍后决定要将标题更改为绿色，则可以在一个外部样式表中更改样式并一次更改所有标题。 如果您将样式保存在内部样式表中，则必须在每个文件中编辑标题样式。
为您的样式制定一个命名约定。
尽管您可以使用类或ID选择器创建任何您喜欢的样式，但最好选择除格式之外还有意义的样式。例如，如果你创建一个叫做的样式。 redHeadlines，然后再决定你想要所有的。 redHeadlines是蓝色的，你最终会以一个叫做蓝色标题的样式结束。 redHeadlines或将不得不重新命名样式。
-
重新命名风格包括返回并重新应用这种风格，无论你有什么红色的标题，你想变成蓝色，这种否定风格的权力，使全球更新。为了避免这个问题，请创建引用元素的位置或重要性的样式名称，例如。 mainHeadlines或。 sidebarHeadlines。 *
测试并验证您的代码。即使有经验的CSS设计者也会犯错误，这就是为什么Dreamweaver包含许多用于测试和验证网页代码的强大工具的原因。确保你测试你的CSS常见的错误。
-
以下是两个在线测试服务，您可以使用它来检查CSS代码中的错误。只需在这些网站上的地址栏中输入互联网上的任何网页的URL，然后点击提交按钮即可收到一份报告，显示代码中的任何错误： W3C CSS验证服务
XHTML-CSS
-
：有效或死亡学习
-
