CSS核心知识图谱

CSS 核心知识图谱

1. 选择器

• ID 选择器 (#id)
• 类选择器 (.class)
• 标签选择器 (element)
• 属性选择器 ([attribute])
• 伪类选择器 (:pseudo-class)
• 伪元素选择器 (::pseudo-element)

2. 盒模型

• 内容区域 (content)
• 内边距 (padding)
• 边框 (border)
• 外边距 (margin)

3. 布局

• 标准文档流
• 浮动 (float)

• 定位 (position)

  • 静态定位 (static)
  • 相对定位 (relative)
  • 绝对定位 (absolute)
  • 固定定位 (fixed)
  • 弹性布局 (flexbox)
  • 网格布局 (grid)

4. 文本样式

• 字体 (font-family)
• 字号 (font-size)
• 颜色 (color)
• 文本对齐 (text-align)
• 行高 (line-height)

5. 背景和颜色

• 背景颜色 (background-color)
• 背景图片 (background-image)
• 颜色值 (RGB, HEX, HSL 等)

6. 其他

• 动画 (animation)
• 过渡 (transition)
• 变换 (transform)
• 响应式设计 (@media)