CSS Basics

CSS (Cascading Style Sheets) 是用于描述 HTML 或 XML 文档样式的样式表语言。它用于控制网页的布局、颜色、字体和其它样式。以下是一些 CSS 基础知识：

Selectors

CSS 选择器用于选择 HTML 元素。以下是一些常用的选择器：

• 元素选择器：选择所有具有相同标签名的元素。

  p {
    color: blue;
  }
  

• 类选择器：选择具有特定类的元素。

  .highlight {
    background-color: yellow;
  }
  

• ID 选择器：选择具有特定 ID 的元素。

  #main-header {
    font-size: 24px;
  }
  

Box Model

CSS Box Model 描述了元素在网页上的布局。它包括以下部分：

• Content：元素的实际内容。
• Padding：元素内容周围的空白区域。
• Border：元素的边框。
• Margin：元素周围的空白区域。

Flexbox

Flexbox 是一种用于创建灵活布局的 CSS 模型。它允许元素在容器中灵活地分配空间。

.container {
  display: flex;
}

.item {
  flex: 1;
}

Media Queries

Media Queries 允许你根据不同的设备或屏幕尺寸应用不同的样式。

@media (max-width: 600px) {
  .container {
    flex-direction: column;
  }
}

CSS Box Model

更多关于 CSS 的内容，请访问我们的 CSS 教程。

希望这些基础知识能帮助你更好地理解 CSS。如果你有任何问题，欢迎在评论区留言。😊