04前端语言|青训营笔记

CSS（Cascading Style Sheets）是一种用于描述网页中元素样式的语言。CSS 用于描述文档的展示方式，包括文本的字体、大小、颜色，以及元素的大小、位置、边框和背景等。它将表现和内容分离，允许开发者更好地控制网页的外观和布局。

CSS 样式由选择器和声明组成。选择器用于选中要应用样式的 HTML 元素，声明则描述了要应用的样式属性及其值。例如，下面的 CSS 代码将为所有段落元素设置字体为 Arial，字号为 14px：

p {
  font-family: Arial;
  font-size: 14px;
}

CSS 样式有许多种选择器，包括标签选择器、类选择器、ID 选择器、属性选择器等。使用不同的选择器可以更精确地选中要应用样式的元素。例如，下面的代码将只为类名为 "highlight" 的元素设置背景色：

.highlight {
  background-color: yellow;
}

CSS 样式还可以通过层叠（Cascading）机制进行优先级排序。通过层叠机制，开发者可以为同一元素应用多个样式，这些样式可能来自于不同的 CSS 文件，或者是通过不同的选择器选中同一元素时应用的样式。通过指定选择器和样式属性的优先级，开发者可以控制不同样式之间的优先级关系。例如，下面的代码将会为所有段落元素设置字体为 Times New Roman，但为所有类名为 "important" 的段落元素设置字体为 Arial：

p {
  font-family: Times New Roman;  /* 优先级为 1 */
}

p.important {
  font-family: Arial;  /* 优先级为 2 */
}

除了基本的样式属性外，CSS 还提供了许多高级样式属性和特效，如动画、渐变、阴影等。这些属性可以为网页增加更加丰富的交互效果和视觉效果。

总之，CSS 是网页设计中必不可少的一部分，通过精心编写 CSS 样式，开发者可以为网页提供更加丰富、美观和易用的界面。