如何在现代网页设计中建立基本的html和css结构？

Question

作为非专家，我正在尝试以自己的方式定义自己的编码风格。 说到响应性和现代网页设计，为所有内容建立一个通用div容器（或包装器）是一个好习惯，还是将屏幕作为主要父母更好？

Answer 1

关于此类事情，确实没有一般规则或建议。这取决于您正在构建的网站类型，您正在使用的工具以及如何组织您的CSS。我通常会在所有内容周围使用<div id="wrapper"></div>，但是当我使用把手模板或者像ember或者骨干这样的框架时，我不这样做。

遵循任何编码的主要规则是保持干燥 - “不要重复自己”。如果你发现自己重复类似的代码行（用任何语言）。这是一个好的迹象，你应该重新考虑编写代码的方式。

只要你保持干爽，并保持你的代码看起来干净和可读，你几乎可以做任何你想做的事。

Answer 2

这在很大程度上取决于您正在构建的网站的结构，但是您不应该包含您不需要的元素。

对于常规网页设计，我总是在我的内容上使用包装类型元素。）居中，然后b。）使用max-width限制其最大宽度，同时保持响应。

偶尔我会让我的包装器成为其他元素的子元素，以便它们background跨越整个屏幕，而内容则不会。