css三个横岗

CSS（层叠样式表）是网页设计中的一个重要组成部分，它用来定义网页的样式和布局。其中包含了三个横岗，即id选择器、类选择器和标签选择器。

/* id选择器 */
#box {
  background-color: #ff0000;
  height: 200px;
  width: 200px;
}

/* 类选择器 */
.red {
  color: #ff0000;
}

/* 标签选择器 */
p {
  font-size: 16px;
  font-weight: bold;
} 

ID选择器是用来选取页面中某个具有唯一性标识的元素，一般用 # 符号表示。通过ID选择器，我们可以对该元素进行样式的定义。类选择器是用来选取页面中某些元素并对它们进行定义，一般用 . 符号表示。通过类选择器，我们可以对某些元素进行相同的样式定义，从而让页面更加一致。标签选择器是用来选取页面中所有指定标签的元素，例如 p 标签就表示段落元素。标签选择器非常常见，通常用来定义全局的样式。

以上是三个横岗的基本介绍，在实际使用中我们可以将它们结合使用，以达到更加精细的样式控制。同时也需要注意优化选择器的性能，避免过于冗余和复杂的选择器，从而提高页面的加载速度。