歐陸 css 是指使用文檔流的方式來實現頁面布局的一種 css 寫法。相對于傳統的 float 布局和 flexbox 布局，歐陸 css 更加靈活。以下是一些歐陸 css 的常見寫法。

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
.item {
grid-column: span 2;
}

在這個例子中，.container 定義了一個網格布局，有三列每列的寬度為相等的，且有 1rem 的間距。.item 則會跨越兩列的寬度。

.container {
display: inline-grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-rows: minmax(min-content, 400px);
grid-gap: 1rem;
}
.item {
grid-row: span 2;
}

這個例子中，.container 中使用了一個 inline-grid 屬性，代表網格容器會使用文本流來滿足所需的寬度，而不會換行。grid-template-columns 設置了一個自動填充的網格布局，每個網格的最小寬度為 250px，最大寬度為剩余空間大?。?fr）；grid-auto-rows 則定義了每個網格的高度，最小高度為最小內容高度，最大高度為 400px。.item 跨越兩個網格的高度。

總的來說，歐陸 css 是一種較為靈活的 css 布局方式，可以根據頁面需求靈活設置。如果你想更好地掌握歐陸 css，建議多進行練習，多嘗試不同的布局。