日期排版在網頁開發中是非常常見的需求，下面使用CSS來實現比較常見的日期排版方式。

.date {
font-size: 16px;
font-weight: bold;
color: #333;
padding: 5px;
background-color: #f2f2f2;
border-radius: 5px;
}
.year {
display: block;
font-size: 20px;
}
.month {
display: block;
font-size: 16px;
}
.day {
display: block;
font-size: 30px;
margin-top: 10px;
}
.week {
display: block;
font-size: 16px;
margin-top: 5px;
text-transform: uppercase;
}

上述代碼定義了一個.date的class，其中包含4個子元素的class分別表示年份、月份、日期和星期。對于每個子元素的具體樣式賦值根據實際需求可以進行修改。

在HTML中應用樣式：

<div class="date"><span class="year">2021</span><span class="month">01月</span><span class="day">18</span><span class="week">Monday</span></div>

可以根據實際情況修改HTML中的內容，達到想要的排版效果。