/* 例子：使用CSS选择器和属性来定义一个段落的样式 */
p {
color: #333; /* 定义文本颜色 */
font-size: 16px; /* 定义字体大小 */
line-height: 1.5; /* 定义行高 */
margin: 1em 0; /* 定义上下边距 */
}CSS选择器可以根据HTML元素的标签名、类名、ID等进行选择，从而对不同的元素应用不同的样式。例如，可以使用以下选择器：
/* 标签选择器，对所有的段落应用样式 */
p {
/* 样式 */
}
/* 类选择器，对class为my-paragraph的段落应用样式 */
.my-paragraph {
/* 样式 */
}
/* ID选择器，对id为intro的段落应用样式 */
#intro {
/* 样式 */
}与选择器配合使用的属性可以用来控制元素的样式，例如字体、大小、颜色、边框等等。以下是一些常用的CSS属性：
/* 文本属性 */
color: #333; /* 文本颜色 */
font-family: Arial, sans-serif; /* 字体 */
font-size: 18px; /* 字体大小 */
line-height: 1.5; /* 行高 */
text-align: left; /* 文本对齐方式 */
/* 盒子模型属性 */
width: 100px; /* 宽度 */
height: 100px; /* 高度 */
margin: 10px; /* 边距 */
padding: 10px; /* 内边距 */
border: 1px solid #ccc; /* 边框 */
/* 背景属性 */
background-color: #f5f5f5; /* 背景颜色 */
background-image: url("bg.jpg"); /* 背景图片 */
background-size: cover; /* 背景图片大小 */除了以上的属性，还有很多其他的CSS属性可以用来控制页面的样式和布局。要学好CSS，需要不断的练习和实践，不断地优化自己的代码和布局。