CSS | 柜台

CSS（Cascading Style Sheets）是一种用来描述文档样式外观的语言。它可以控制一个网站的字体、颜色、布局、大小等方面，并能够适应不同设备的屏幕大小。

柜台

在CSS中，'柜台'指的是CSS的选择器和属性。选择器用于选中要样式化的HTML元素，而属性则用于定义这些元素的外观。

选择器

CSS中的选择器有多种类型，包括：

• 元素选择器：根据元素的标签名来选择元素。例如，'p'选择所有的段落元素。
• ID选择器：根据元素的id属性来选择元素。例如，'#header'选择具有'id="header"'的元素。
• 类选择器：根据元素的class属性来选择元素。例如，'.error'选择具有'class="error"'的元素。
• 属性选择器：根据元素的属性值来选择元素。例如，'[href="#"]'选择所有href属性的值为"#"的元素。
• 伪类选择器：根据元素的状态来选择元素。例如，':hover'选择当前鼠标悬停的元素。

属性

CSS属性用于定义样式，包括：

• 背景：background-color、background-image、background-repeat等。
• 边框：border-color、border-width、border-style等。
• 盒子模型：width、height、padding、margin等。
• 字体：font-family、font-size、font-weight等。
• 文本：color、text-align、text-decoration等。

示例代码

/* 全局样式 */
body {
  background-color: #f5f5f5;
  font-family: Arial, sans-serif;
}

/* 柜台 */
#header {
  background-color: #333;
  color: #fff;
  height: 100px;
  text-align: center;
  padding-top: 30px;
}

/* 柜台的子元素 */
#header h1 {
  margin: 0;
  font-size: 2em;
}

/* 段落 */
p {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1em;
}

以上是一个简单的CSS示例，其中有全局样式和柜台样式，对应不同的HTML元素进行样式化。