一、CSS使用场景
美化网页，布局页面
二、CSS简介
CSS是层叠样式表(Cascading Style Sheets)的简称，也称之为CSS样式表或级联样式表
CSS是一种标记语言，用于设置HTML页面中的文本内容(字体、大小、对齐方式等)，图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
CSS最大价值：结构与样式相分离(由HTML专注去做结构呈现，样式交给CSS)
三、CSS规则
由选择器以及一条或多条声明这两个主要部分构成
选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体形式
属性和属性值以"键值对"的形式出现，中间用英文冒号分开；多个键值对之间用英文分号分开
四、CSS代码风格
1.样式格式书写
a.紧凑格式
h3 { color: pink; font-size: 20px;}
b.展开模式(推荐)
h3 {
color: pink;
font-size: 20px;
}
2.样式大小写
用小写字母
3.空格规范
a.属性值前面，冒号后面，保留一个空格
b.选择器和大括号中间保留空格
五、格式化代码
Emmet语法
前身为Zen coding,它使用缩写来提高html/css的编写速度，VSCode内部已经集成该语法，快速生成HTML结构语法和CSS样式语法
2. 快速生成HTML结构语法
生成标签，直接输入标签按Tab键即可
生成多个相同的标签，标签加星号*键按Tab键
父子级关系的标签，可以用大于号>和enter键
兄弟关系的标签，可以用加号+和enter键
生成带有类名或id名字，可写成标签加.类名/#名加Tab键（p.one生成
）
生成.div类名是有顺序的，可用自增符号￥
生成标签的内部写内容，可用{}表示
3.快速生成CSS样式语法
CSS基本采取简写形式即可（w 200 加Tab生成width: 200px;）
单词首字母加Tab键
4.快速格式化代码
Shift+Alt+F/右键-格式化代码
保存页面时自动格式化代码（在设置中的文本编辑器中找到格式，勾选Format On Save即可，也可把Format On Type勾选上）
5.去掉li前面的项目符号
语法 list-style: none;
六、snipaste工具的使用
简单强大的截图工具，可以将截图贴到屏幕上
F1可截图，同时测量大小，设置箭头书写文字等
F3在桌面置顶显示
点击图片，alt可以取色（按下Shift可以切换取色模式）
按下esc取消图片显示
七、PS工具的使用
网页美工大部分效果图都是利用PS来做的，所以我们大部分切图工具都是在PS里完成的
使用
a. 文件-打开
b. Ctrl+R 打开标尺
c. 右击标尺，单位为像素
d.Ctrl和加号是放大，Ctrl加减号是缩小
e.按住空格键，鼠标可以变成小手，拖动PS视图
f.用选区拖动，可以测量大小
g.Ctrl加D可以取消选区（点击一下旁边空白处也可以取消选区）
