CSS的基本使用如下：
1. 选择器
选择器是CSS中最基本的语法之一，用于选择需要修改的HTML元素。选择器包括：
– 类选择器：用于选择具有相同类名的HTML元素。例如，选择#my-element 类名的所有元素。
– 属性选择器：用于选择具有指定属性的HTML元素。例如，选择id为“my-element”的元素。
– ID选择器：用于选择具有特定ID属性的HTML元素。例如，选择id为“my-element”的元素。
2. 属性
CSS的属性用于设置HTML元素的样式。属性包括：
– 颜色：用于设置元素的颜色。例如，选择#my-element 元素，然后设置其颜色为红色。
– 字体：用于设置元素字体的大小、粗细和颜色。例如，选择#my-element 元素，然后设置其字体为“Arial”。
– 字体大小：用于设置元素字体的大小。例如，选择#my-element 元素，然后设置其字体大小为16。
– 边距：用于设置元素之间的边距。例如，选择#my-element 元素，然后设置其边距为1像素。
– 间距：用于设置元素之间的间距。例如，选择#my-element 元素，然后设置其间距为2像素。
3. 布局
CSS还可以用于控制网页的布局。布局包括：
– 层叠布局：通过将不同的元素层叠在一起来实现布局。例如，选择#my-element、#my-other-element 和 #my-third-element 元素，然后设置它们的布局为层叠布局。
– 伪元素布局：通过创建伪元素来实现布局。例如，选择#my-element 元素，然后创建一个<div>伪元素，并将其设置为其父元素的样式。
– 框架布局：通过创建框架来实现布局。例如，选择#my-element 元素，然后创建一个包含其他元素的大框架，并将其设置为其父元素的样式。
4. 示例
下面是一个简单的使用CSS控制网页布局的示例：
<html>
<head>
<style>
/* 设置背景颜色 */
body {
background-color: #f2f2f2;
}
/* 设置页面标题 */
h1 {
text-align: center;
font-size: 32px;
color: #333;
}
/* 设置段落水平对齐 */
p {
font-size: 16px;
line-height: 1.5;
}
/* 设置文本大小 */
span {
font-size: 14px;
}
/* 设置文本颜色 */
color: #0078d7;
</style>
</head>
<body>
<h1>欢迎来到偶的网站！</h1>
<p>这里是一篇关于CSS的基本使用的文章。</p>
</body>
</html>
在这个示例中，使用CSS控制了网页的标题、段落和文本的大小和颜色。