CSS 语法基础 #

CSS (Cascading Style Sheets) 用于描述 HTML 文档的视觉表现。

选择器 #

CSS 选择器用于指定要应用样式的 HTML 元素：

/* 元素选择器 */
p {
  color: blue;
}

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

/* ID 选择器 */
#header {
  background-color: #f0f0f0;
}

/* 属性选择器 */
input[type="text"] {
  border: 1px solid #ccc;
}

盒模型 #

CSS 盒模型包括四个部分：

• Content - 内容区域
• Padding - 内边距
• Border - 边框
• Margin - 外边距

布局方式 #

现代 CSS 提供了多种布局方式：

• Flexbox - 弹性盒子布局
• Grid - 网格布局
• Float - 浮动布局
• Position - 定位布局