CSS是用于創(chuàng)建網(wǎng)頁樣式和布局的語言。以下是三種常見的CSS布局：

1. 水平布局(下垂布局)：這種布局將文本放置在頁面垂直方向上。例如，在HTML文檔中，標題和段落通常會按照垂直方向排列。使用水平布局時，只需設(shè)置文本的垂直居中和水平對齊即可。

2. 垂直布局(垂直布局)：這種布局將文本放置在頁面的垂直方向上。例如，在HTML文檔中，段落通常會按照垂直方向排列。使用垂直布局時，需要設(shè)置文本的垂直居中，然后將文本的垂直方向旋轉(zhuǎn)90度，使其垂直于頁面。

3. 水平垂直布局(H-Space)：這種布局是水平垂直布局的一種變體。它通過使用兩個“h-Space”屬性來設(shè)置水平和垂直間隔，從而實現(xiàn)布局。例如，使用以下CSS代碼將一個標題居中并放在頁面的頂部：

text-align: center;

margin: 0 auto;

h-Space: 40px;

4. 網(wǎng)格布局(Grid布局)：這種布局使用一組網(wǎng)格元素(如表格)來布局內(nèi)容。網(wǎng)格布局可以通過定義一組行和列，以及每行和每列中的單元格來創(chuàng)建。使用網(wǎng)格布局時，需要使用“grid-template-columns”和“grid-template-rows”屬性來設(shè)置行和列的數(shù)量。例如，以下代碼將一個表格放在頁面的左側(cè)：

table {

border-collapse: collapse;

width: 100%;

grid-template-columns: 1fr 1fr;

這些是CSS布局的一些常見方法，可以根據(jù)具體需求選擇適合的布局方式。