CSS设置所有内部html组件之间的空间
我需要在所有html内部组件之间设置一个CSS设置所有内部html组件之间的空间,html,css,Html,Css,我需要在所有html内部组件之间设置一个4px空格(在左上右下任意方向)。我正在为此使用一个外部css文件。我试过这个: body { padding: 2px; border: 0px; margin: 0px; } 但这为所有身体设置了一个4px的空间,而不是在身体各部分之间 而且 它也不起作用 你能帮忙吗。我不允许更改html页面。您可以使用 body * { margin: 2px; } 这将为body标记内的每个元素设置边距 看起来您
4px
空格(在左上右下任意方向)。我正在为此使用一个外部css文件。我试过这个:
body {
padding: 2px;
border: 0px;
margin: 0px;
}
但这为所有身体设置了一个4px
的空间,而不是在身体各部分之间
而且
它也不起作用
你能帮忙吗。我不允许更改html页面。您可以使用
body * {
margin: 2px;
}
这将为body标记内的每个元素设置边距
看起来您需要为HTML上使用的元素设置,如果需要的话
使用Css预处理器,然后可以在顶部声明值
稍后,它将被所有元素使用,如下所示:-
也许您可以尝试这样填充:
body *{
padding:4px;
}
内部组件是什么意思?请显示您的html标记..还认为您可能需要边距:2px;我不是用内部组件填充,而是指html主体内的所有标记。所有p、图像、视频、列表等。这将无法维护。每次向标记添加新元素时,也需要更新CSS。为什么不简单地添加
body*{…}
?是的,我同意,body*会做这些事情,我在考虑如果页面上的元素少一些,那么我们就可以做我的事情了
$standard-padding :2px;
$standard-border:0px;
$standard-margin:0px;
body,p,h1,h2,div,span{
padding: $standard-padding;
border: $standard-border;
margin: $standard-margin;
}
body *{
padding:4px;
}