css三个基本部分

在前端开发中，CSS 是不可或缺的一个部分，它可以让网页更加美观、更易于交互。CSS 由三部分构成：样式规则、属性和值。下面我们依次来了解一下它们的作用。

样式规则 {
  属性: 值;
} 

首先，样式规则是 CSS 的基本语法，一个基本的样式规则包括选择器和一组属性和值。当浏览器渲染网页时，它会根据选择器这个规则来找到应用这个规则的 HTML 元素，并且为它们应用相应的样式。

h1 {
  color: red;
} 

其次，属性和值是样式规则的具体部分，属性用于指定要修改的样式类型，而值则是这个属性所要修改的具体值。例如，上面的代码就是将 h1 的颜色设为红色。除了 color 属性，CSS 还有很多其他的属性，如 font-size、background-color、border 等等。

h2 {
  font-size: 24px;
  color: blue;
} 

最后，需要注意的是，CSS 中的颜色值可以使用关键字、十六进制、RGB 或者 HSL。例如，我们可以将字体颜色设置为蓝色，字体大小设置为 24px，代码如下：

h2 {
  font-size: 24px;
  color: blue;
} 

总之，CSS 作为前端开发中的一个重要部分，三个基本部分：样式规则、属性和值，相互配合，可以让网页更加美观、更易于交互。