Web Course 12 – 基础：前端基础知识-CSS

这一节课主要涉及内容：CSS 的基本概念和核心知识点讲解与演示 得益于 Tailwind 等原子类框架的发展，以及 AI 的出现和广泛使用，我们现在已经不需要自己从头开始写各种 CSS 及兼容性语句 但是 CSS 的核心知识是需要了解的，因为 Tailwind 无法覆盖所有的样式需求、AI 可能会出错，如果遇到比较复杂或直接的需求，在有一定 CSS 知识的情况下，我们至少能知道应该从哪里下手 所以我们目前对于 CSS 的学习只需要点到为止，目标是要知道 CSS 能做什么、有需求时应该怎样要求 AI、AI 做了以后能检查成果 CSS 核心知识 CSS（Cascading Style Sheets，层叠样式表）是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言）文档的呈现方式。 https://developer.mozilla.org/zh-CN/docs/Web/CSS CSS 入门：从什么是 CSS 开始 CSS 基础：https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics 选择器名称选择的内容示例元素选择器（也称作标签或类型选择器）所有指定类型的 HTML 元素p选择 <p>ID 选择器具有特定 ID 的元素。单一 HTML 页面中，每个 ID 只对应一个元素，一个元素只对应一个 ID#my-id选择 <p id=”my-id”> 或 <a id=”my-id”>类选择器具有特定类的元素。单一页面中，一个类可以有多个实例.my-class选择 <p class=”my-class”> 和 <a class=”my-class”>属性选择器拥有特定属性的元素img[src]选择 <img src=”myimage.png”> 但不是 <img>伪类选择器特定状态下的特定元素（比如鼠标指针悬停在链接上时）a:hover选择仅在鼠标指针悬停在链接上时的 <a> 元素 CSS…...