CSS文件使用style属性为HTML元素添加样式，使网页呈现出所需的视觉效果。编写CSS的过程就是为不同的HTML元素指定样式。一个CSS文件可以同时定义多个HTML元素的样式，也可以定义不同状态下（例如鼠标悬停、被点击、被选中等）的样式。

在书写CSS样式时，应该遵循以下几个注意事项：
1、使用CSS选择器指定需要添加样式的HTML元素
2、使用属性-值对为HTML元素指定样式，如color:red
3、样式通常写在外部的CSS文件里，以便统一管理和维护
4、可使用html标签、id、class等不同的选择器指定不同的HTML元素

/* 例如，以下代码为id为title的HTML元素指定了字体样式和背景颜色 */
#title {
font-size: 24px;
font-family: Arial, sans-serif;
background-color: #DDDDDD;
}
/* 以下代码为class名为button的HTML元素指定了边框样式和字体样式 */
.button {
border: 1px solid #000000;
font-weight: bold;
font-family: 'Microsoft Yahei', sans-serif;
}

如果需要指定不同状态下的样式，可以使用伪类选择器。例如，为鼠标悬停在按钮上时指定不同的样式：

/* 以下代码为鼠标悬停在class名为button的HTML元素上时指定不同的背景颜色 */
.button:hover {
background-color: #FF0000;
}

最后要注意的是，当有多个CSS文件共同影响同一个HTML元素时，会根据CSS选择器的特定性进行优先级比较，选择器特定性越高的样式优先级越高。