您是否遵守严格的BBC风格的CSS编码标准？

BBC严格的CSS编码规范详解

本文探讨BBC的CSS编码规范，其严格程度在业界闻名，强调最佳实践、无CSS/JS支持下的可读性以及W3C标准的遵守。

核心要点：

• BBC的CSS规范以最佳实践为核心，注重代码可读性，即使在禁用CSS和JavaScript的情况下也能保证网页内容的可访问性，并严格遵循已发布的W3C建议。
• 规范包含具体规则，例如禁止使用!important，强制要求页面背景颜色，以及使用压缩的外部样式表。内联样式被禁止，外部CSS文件不能使用@import加载，以避免潜在的浏览器缓存问题。
• 尽管对新手开发者来说可能具有挑战性，但这些指南提供了完善的文档，有助于避免基本的可用性错误。该规范还通过清晰的命名约定、供应商前缀的使用以及关于CSS文件注释和组织的建议，促进了简洁、高效和易于维护的代码。

通用CSS原则:

BBC使用XHTML 1.0 Strict作为内容载体，指南规定网页内容必须在不启用CSS或JavaScript的情况下可读。许多开发者为了快速添加最新的jQuery小部件而忽略了这一点。大多数浏览器（或Web Developer Toolbar等扩展程序）允许禁用CSS和脚本。如果内容不可读，那么Google和屏幕阅读器也无法读取它。根据指南，所有CSS都必须符合已发布的W3C建议。这可能会导致一些问题，因为它似乎排除了供应商前缀属性，例如-moz-border-radius和-webkit-box-shadow。然而，BBC网站确实谨慎地使用了它们。!important被禁止，因为它会覆盖用户样式。这有点苛刻，因为它对IE6修复很有用。话虽如此，当应该解决级联问题的根本原因时，我也曾滥用它来进行快速而简陋的修改。最后，如果你已经放弃了IE6，请为仍在IE5.5中进行测试的BBC编码人员考虑一下！IE5.5中的CSS尤其糟糕：它试图解析属性，但却惨遭失败。

CSS实现:

所有CSS都以压缩的外部样式表的形式实现，尽管当某个规则对特定页面必需时，HTML头部中的CSS是允许的。内联样式被禁止。这很好。任何被发现使用内联样式的编码人员都应该吊销其Web开发许可证！有趣的是，外部CSS文件不能使用@import加载，因为它会影响浏览器缓存。是这样吗？我怀疑在现代浏览器中情况已不再如此。

排版和颜色:

必须在所有font-family属性的末尾添加一个通用的字体名称（serif、sans-serif、cursive或monospace）。同样，这是开发人员经常忘记的事情：并非每个人的电脑上都有Arial或Helvetica。我喜欢这个双重否定规则：> 排版大小不得使用在所有浏览器中不可调整大小的单位，例如px和pt，打印样式表除外。

BBC建议使用em、%或关键字值，并且在任何一级浏览器中将大小增加两步后，文本必须保持可读性。我敢打赌，这将是一场测试噩梦！最后，开发人员必须定义页面背景颜色。在我的一台电脑上，默认背景色设置为令人作呕的绿色后，我就把这条规则纹在了我的额头上。

开发者天堂还是地狱？

如果您在该行业工作了一段时间，您可能已经吸收了BBC制定的许多指南。但是，新的开发者如何应对呢？积极的一面是，这些期望是有据可查的，它可以帮助编码人员避免基本的可用性错误。然而，开发本身就足够艰难了——大多数人难以应付为24种相互关联的技术定义的多个规则和规章。您的公司是否执行严格的编码指南？它们是铁板一块还是相当灵活？它们是合理的还是荒谬的？它们是否定期更新，或者您仍在为Netscape 3.0编写代码？指南是否有助于或阻碍您的日常开发任务？我还想听取BBC任何开发人员的意见……您是否严格遵守规则，或者在经理不在时偷偷使用了!important？

(以下为FAQ部分，与原文保持一致，不再进行伪原创)

What are the key differences between BBC’s CSS coding standards and other popular standards like Google or WordPress?

The BBC’s CSS coding standards are designed to ensure consistency and readability across all their digital content. They emphasize the use of lowercase, hyphen-separated class and ID names, and discourage the use of ID selectors for styling. On the other hand, Google’s style guide encourages the use of meaningful or generic ID and class names, and WordPress’s standards recommend specific naming conventions for classes and IDs. Each of these standards has its own unique approach, but all aim to promote clean, efficient, and maintainable code.

How does the BBC’s CSS coding standards handle vendor prefixes?

The BBC’s CSS coding standards recommend using vendor prefixes for CSS properties that are not yet standardized or fully supported across all browsers. This ensures that the CSS code will work correctly across different browsers, even if they interpret certain CSS properties differently. This is a common practice in many CSS coding standards, including those of Google and Mozilla.

BBC在CSS中使用速记属性的立场是什么？ BBC的CSS编码标准在可能的情况下鼓励使用速记属性。这是为了保持代码简洁且易于阅读。但是，他们还警告开发人员充分了解速记属性的含义，因为如果不正确使用，有时会导致意外结果。

BBC的CSS编码标准如何在CSS中评论？ BBC的CSS编码标准建议使用注释来解释代码的目的和功能。他们建议使用注释将CSS文件的各节分开，并为复杂或不寻常的代码提供上下文。这符合编码标准的最佳实践，因为评论可以极大地提高代码的可读性和可维护。

BBC订购CSS属性的指南是什么？

> BBC的CSS编码标准没有为CSS属性指定特定顺序。但是，他们确实建议将相关属性分组在一起以提高可读性。在许多CSS编码标准中，这是一种常见的做法，因为它使代码更易于理解和维护。

BBC的CSS编码标准如何处理CSS选择器？ BBC的CSS编码标准建议使用ID选择器上的类选择器进行造型，因为它们更灵活，可以重复使用。他们还不鼓励使用过度特定的选择器，因为它们可以使代码更难维护并可能导致不必要的复杂性。

在CSS中，BBC对使用的立场是什么？ BBC的CSS编码标准不鼓励使用！他们建议使用更多特定的选择器或重新排序CSS规则。在许多CSS编码标准中，这是一个常见的建议，因为重要的使用通常可能是CSS架构差的标志。

> BBC的CSS编码标准如何使用媒体查询的使用？ BBC的CSS编码标准建议使用媒体查询使网站响应迅速并确保其在不同设备上正确显示。他们建议将媒体查询放置在CSS文件的末尾，并根据视口宽度将其从最小到最大的组织。

。

BBC的CSS文件组织指南是什么？ BBC的CSS编码标准建议以逻辑和一致的方式组织CSS文件。他们建议将CSS文件的不同部分与注释分开，并将相关属性分组在一起。这可以大大提高代码的可读性和可维护性。

BBC的CSS编码标准如何处理CSS动画和过渡？ BBC的CSS编码标准建议使用CSS动画并谨慎使用过渡，因为它们有时会导致性能问题，因此建议使用CSS动画和过渡。他们建议仅在必要时使用它们，并在添加动画或过渡后始终测试网站的性能。>

以上是您是否遵守严格的BBC风格的CSS编码标准？的详细内容。更多信息请关注PHP中文网其他相关文章！