在前端開發中，CSS是不可或缺的一部分，它決定了網頁的樣式和布局。為了更加方便地使用CSS，現在有很多現成的CSS框架可以使用，比如Bootstrap、Semantic UI等。但是，如果你是一個純粹的CSS愛好者，也許你更傾向于使用直接可以使用的CSS。

什么是直接可以使用的CSS呢？它指的是不需要安裝或引入任何框架或庫，直接在CSS文件或樣式標簽中編寫樣式即可。下面我們來看一些例子。

/* 設置背景顏色 */
body {
background-color: #f1f1f1;
}
/* 設置字體樣式 */
h1 {
font-size: 36px;
font-weight: bold;
color: #333;
}
/* 設置邊框樣式 */
div {
border: 1px solid #ccc;
border-radius: 5px;
}
/* 設置布局方式 */
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

可以看到，以上代碼直接書寫在CSS文件或樣式標簽中，就可以直接使用了。這種方式雖然沒有使用框架那么方便快捷，但是可以讓你更加深入地理解CSS的語法和特性。

總之，無論你選擇何種方式來使用CSS，都應該注重樣式的可讀性和可維護性。只有這樣，你才能更好地完成你的網頁設計和開發工作。