Html 将CSS网格设置为打开（<；车身>；元素？

可以在

元素上声明网格吗

我担心的是，如果您希望内容与浏览器边缘齐平，使用包装器会留下一些不必要的填充/边距。

只需将（*）添加到CSS中，这将对页面上的每个元素应用任何规则。如果有任何元素需要它们，您可以为这些元素本身添加边距或填充。这有助于消除间距，当你不能很好地分辨是什么导致它

  * {
        margin:0;
        padding:0;
    }

只需将（*）添加到CSS中，这将对页面上的每个元素应用任何规则。如果有任何元素需要它们，您可以为这些元素本身添加边距或填充。这有助于消除间距，当你不能很好地分辨是什么导致它

  * {
        margin:0;
        padding:0;
    }

---

当然，如果您正在寻找一个没有任何第三方API系统（如Bootstrap）的纯CSS解决方案，那么您可以使用CSS网格

在CSS中：（虽然我认为它更适合

.container

而不是

body

类

正文{
/*这定义了水平列的数量以及它们的宽度*/
网格模板列：40px 50px auto 50px 40px；
/*这将确定垂直行的数量及其各自的高度*/
网格模板行：25%100px自动；
}

要定义项（创建特定类以保存某些栅格特性），请执行以下操作：

.item-a{
网格列开始：2；
网格柱端：5个；
网格行开始：行1开始
网格行结束：3
}

或

。项目b{
网格列开始：1；
网格柱端：跨度col4开始；
网格行开始：2
网格行结束：跨度2
}

---

如果您想了解更多关于这套奇妙规则的信息，请查看本指南（我从中提取了这些示例）：

当然，如果您正在寻找一个没有任何第三方API系统（如Bootstrap）的纯CSS解决方案，您可以使用CSS网格

在CSS中：（虽然我认为它更适合

.container

而不是

body

类

正文{
/*这定义了水平列的数量以及它们的宽度*/
网格模板列：40px 50px auto 50px 40px；
/*这将确定垂直行的数量及其各自的高度*/
网格模板行：25%100px自动；
}

要定义项（创建特定类以保存某些栅格特性），请执行以下操作：

.item-a{
网格列开始：2；
网格柱端：5个；
网格行开始：行1开始
网格行结束：3
}

或

。项目b{
网格列开始：1；
网格柱端：跨度col4开始；
网格行开始：2
网格行结束：跨度2
}

---

如果您想了解更多关于这组奇妙规则的信息，请查看此指南（我从中提取了这些示例）：

使用

*

CSS选择器将应用在其

{}中输入的任何规则

到页面上的每个元素。以防万一OP不知道。使用

*

CSS选择器将应用在其

{}中输入的任何规则

添加到页面上的每个元素。以防万一OP不知道。你可以，但我通常认为这不是一个好主意。其余的只是需要一个体面的CSS重置来删除默认的填充和边距。-@Paulie\u D有什么原因它通常不是一个好主意吗？@Paulie\u也很好奇为什么它通常不是一个好主意？你可以，但我通常发现它是不是一个好主意。其余的只是需要一个体面的CSS重置来删除默认的填充和边距。-@Paulie\u D有什么理由它通常不是一个好主意吗？@Paulie\u D也很好奇为什么它通常不是一个好主意？