【前端】【css】【总复习】三万字详解CSS 知识体系

CSS 知识体系目录大纲


一、基础知识入门


1. CSS 简介与作用

CSS(Cascading Style Sheets,层叠样式表)是一种用于给 HTML 页面添加样式的语言,作用是让网页更美观、结构更清晰、布局更灵活。

核心作用:

  • 控制网页元素的 颜色、字体、间距、边框、背景
  • 布局网页元素位置,如 横排、竖排、居中、响应式
  • 添加 过渡动画、响应式适配、主题切换 等动态交互效果

一个网页结构由 HTML 提供骨架,CSS 负责美化“皮肤”,JS 控制交互行为。


2. CSS 的引入方式

2.1 行内样式(inline style)

直接写在标签的 style 属性里,优先级高,但不推荐大量使用

<p style="color: red; font-size: 16px;">这是一段红色文字p>
2.2 内部样式表(internal style)

写在