在前端开发中，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，都应该注重样式的可读性和可维护性。只有这样，你才能更好地完成你的网页设计和开发工作。