CSS DR標簽是CSS中的一種布局方式，可以將HTML文檔中的元素分為不同的行和列，并進行樣式調整。CSS DR標簽是一個非常有用的功能，可以幫助網頁設計者實現各種不同風格的布局和樣式效果。

.dr-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
justify-content: center;
}
.dr-item {
width: 300px;
height: 200px;
background-color: #ccc;
border-radius: 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

CSS DR標簽的主要作用是實現網頁的響應式布局。它可以自適應不同的設備大小，讓頁面在任何設備上都能夠達到最佳效果。除此之外，CSS DR標簽還可以實現很多其他的布局效果，如網格布局、流體布局等。

CSS DR標簽是CSS3中新出現的一種樣式布局方式，它和傳統的CSS布局方式有很大的不同。CSS DR標簽主要是基于網格布局實現的，通過劃分網格來控制元素的位置和大小。在使用CSS DR標簽時，需要使用一些關鍵詞和屬性來指定網格狀況，如grid-template-columns、grid-template-rows、grid-column-start等等。

總之，CSS DR標簽是CSS中非常實用的一種布局方式，它可以幫助網頁設計者實現各種不同風格的布局和樣式效果，同時也可以提高頁面加載速度和性能。如果您正在學習CSS，那么一定要掌握好CSS DR標簽的使用方法，以提高網頁設計的效率和質量。