CSS 基础语法、选择器与常用属性实战指南
一、CSS 基本语法
CSS（层叠样式表）能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果。它的核心优势在于能够将页面的样式和结构彻底分离。
1.1 语法结构
CSS 的基本规则由选择器和声明块组成：
选择器 {
属性名：属性值;
}
- 选择器：决定针对哪个元素修改（找谁）。
- 声明：决定修改什么内容（干啥），属性是键值对形式。
注意事项：
- CSS 通常写在
<style>标签中，也可以放在外部文件。<style>标签一般建议放在<head>内，但页面任意位置均可。- 注释使用
/* */，IDE 中通常支持快捷键快速切换。
1.2 CSS 引入方式
1.2.1 内部样式表
将样式写在 HTML 的 <style> 标签中，嵌入到页面内部。通常放置在 <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>
- ：样式和页面结构有一定程度的分离。
