一、CSS 基本语法
CSS（层叠样式表）能对网页元素进行像素级精确控制，实现美化页面的效果。它的核心价值在于将页面样式与结构分离。
1.1 语法
基本结构是选择器加上花括号包裹的声明。
选择器决定针对谁修改（找谁），声明决定修改啥（干啥）。声明的属性是键值对。
格式如下：
标签名 { CSS 语句 }
写 CSS 时，记得把它放在 <style> 标签里。虽然也能放别的地方，但通常建议塞进 <head> 里比较稳妥。注释用 /* */ 就行，IDE 里按 Ctrl+/ 能快速切换。
1.2 CSS 引入方式
1.2.1 内部样式表
写在 <style> 标签中，嵌入到 HTML 内部，一般放到 <head> 标签里。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p { color: red; }
</style>
</head>
<body>
<p>hello</p>
</body>
</html>
优缺点：
- 优点：能让样式和页面结构初步分离。
- 缺点：分离得还不够彻底，尤其是 CSS 内容多的时候，HTML 文件会变得臃肿。
1.2.2 行内样式表
通过 style 属性直接指定某个标签的样式，只针对该标签生效。
hello
