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

如何在现代网页设计中建立基本的html和css结构?,html,css,responsive-design,containers,Html,Css,Responsive Design,Containers,作为一名非专家,我正在努力定义自己的编码风格。 说到响应性和现代Web设计,为所有内容建立一个通用的div容器(或包装器)是一个好的做法,还是让屏幕作为主要父级更好?关于这类事情确实没有通用的规则或建议。这取决于你正在构建什么样的网站,你正在使用什么工具,以及你如何组织你的css。我通常在任何事情上都使用,但当我使用把手模板或框架(如余烬或主干)时,我不会这样做 任何类型的编码都要遵循的主要规则是保持干爽——“不要重复你自己。”如果你发现自己在重复类似的代码行(用任何语言)。这是一个好迹象,表明

作为一名非专家,我正在努力定义自己的编码风格。
说到响应性和现代Web设计,为所有内容建立一个通用的div容器(或包装器)是一个好的做法,还是让屏幕作为主要父级更好?

关于这类事情确实没有通用的规则或建议。这取决于你正在构建什么样的网站,你正在使用什么工具,以及你如何组织你的css。我通常在任何事情上都使用
,但当我使用把手模板或框架(如余烬或主干)时,我不会这样做

任何类型的编码都要遵循的主要规则是保持干爽——“不要重复你自己。”如果你发现自己在重复类似的代码行(用任何语言)。这是一个好迹象,表明您应该重新思考编写代码的方式


只要你保持干爽,保持代码干净易读,你几乎可以做任何你想做的事情。

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

对于常规的网页设计,我总是在我的内容上使用包装类型的元素来a.)居中,b.)用
max width
限制其最大宽度,同时保持其响应性

有时,我会让我的包装器成为其他元素的子元素,这样它们的
背景
就可以覆盖整个屏幕,而内容则不会