Html 将我的站点划分为多个块

我在建设一个网站的过程中，我想有一个页面上我的整个网站。我在这些网站上寻找灵感，但我不知道他们是如何将网站划分成不同的区块的。当我尝试这样做，并将其风格化时，所发生的一切是：例如

<p>
bla bla
</p>

布拉布拉

当我为p设置样式时，很明显，它只在文本到达的地方应用颜色，并使页面的其余部分保持空白

这里有一些例子。（）和（）

---

谢谢

您所展示的示例站点非常有用。这里有一个非常基本的模板，让您开始学习。本例中的关键点是每个“块”的高度为屏幕的高度100vh（视口高度的100%），第二个块的背景固定（不随页面滚动）。本例不使用任何动画或滚动速度偏移，这有助于使一些优秀的设计如此引人注目。如果你不是一个程序员，你可以找到很多，你所要做的就是安装一个并填写内容

正文{
保证金：0；
填充：0；
溢出x：隐藏；
}
.科{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100vw；
高度：100vh；
}
.部分：第n个子（1）{背景色：hsla（0,0%，50%，1）；}
.section:nth child（2）{背景：url（“https://i.imgur.com/hHBx4Ji.jpg）无重复固定中心；}
.section:nth child（3）{背景色：hsla（50,30%，70%，1）；}

block 1
第2区
块3