选择器
CSS通过选择器来选择HTML文档中的元素，并对其应用样式。选择器可以是元素类型、class、id、属性等。例如：
/* 通过元素选择器设置所有段落颜色为red */
p {
color: red;
}
/* 通过class选择器设置所有class为box的元素背景色为gray */
.box {
background-color: gray;
}
/* 通过id选择器设置id为header的元素字体为bold */
#header {
font-weight: bold;
}样式优先级
如果多个样式同时作用于同一个元素，就需要了解样式优先级的规则。通常情况下，选择器的优先级从高到低依次为：id选择器 >class选择器、属性选择器 >元素选择器。可以使用!important来强制指定某个样式，但这样做应该尽量避免使用。
继承
CSS样式可以继承自父元素，这意味着在父元素上定义的样式可以在子元素中自动应用。例如：
/* 在body上设置字体大小和颜色 */
body {
font-size: 16px;
color: #333;
}
/* 在p中继承字体大小和颜色 */
p {
/* 继承字体大小 */
font-size: inherit;
/* 继承字体颜色 */
color: inherit;
}盒模型
CSS使用盒模型来布局页面上的元素，每个元素都是一个矩形盒子，由四个部分组成：内容区域、内边距、边框、外边距。可以通过box-sizing属性来指定盒模型的计算方式。
/* 设置所有元素的盒模型为border-box */
* {
box-sizing: border-box;
}响应式设计
响应式设计是指页面可以在不同的设备上自适应地显示，可以通过媒体查询来实现。媒体查询是一种CSS3的技术，用于根据设备屏幕的宽度、高度、分辨率等特性判断页面所处的环境，并根据不同的条件应用不同的样式。以下是一个简单的响应式设计例子：
/* 在宽度小于600px时，设置header和nav元素右对齐 */
@media screen and (max-width: 600px) {
header, nav {
float: right;
}
}以上就是CSS的基本工作方法，使用好CSS可以创造出更加美观、内容丰富、易读、易维护的页面。