一、CSS 层叠样式表
1、样式有高度、宽度、背景、文本等
2、以后的CSS学习都将以还原下面的图片来展开学习
3、使用photo shop(简称PS)
二、PS用到的工具
1、标尺工具：Ctrl + R
(1)调出标尺工具后，在标尺线的位置上，鼠标单击右键，更改标尺的单位，默认单位是厘米，改成px（像素）作为开发单位。
(2)在标尺工具的位置上，摁住鼠标左键，可以拖出很多条参考线。<--参考线的作用：可以将图片划分成不同的模块区域-->
2、移动工具：V
（在英文状态下，V可以移动参考线的位置，也可以将参考线移动到标尺工具的位置上，使参考线消失）
3、放大镜工具：Z
（在英文状态下，向右拖是放大，向左拖是缩小，鼠标一直单击任意一个位置，也是放大状态）
4、抓手工具：按住空格
可以任意拖动这张图片，通常和放大镜配合使用
5、切片工具：C
(1)功能是测量宽高和切出图片
（默认是裁剪工具，先调试出切片工具，在左侧工具栏中，第五个工具，在此处点击鼠标右键，选择切片工具，之后使用切片工具时，在英文状态下按C，可以调出切片工具）
(2)切片工具的使用：
①测量高度和宽度
当用参考线已经圈出模块区域，需要测量区域块的高度和宽度时，按住鼠标，拖到参考线的位置上，在切片的上方双击鼠标，就可以知道模块区域的宽度W和高度H
②切图片：
先用参考线把图片准确地框起来，在英文状态下按C，调出切片工具，从参考线的左上角一直划到右下角，必须保证图片的完整性；然后点击文件，选择导出，再选择存储为web所用格式，点击存储；之后会弹出一个界面，在界面里找到预设，把预设改成PNG-24格式，点击存储，点击要存储的文件夹，在文件夹名称下面有个切片的选项，切片选项默认是所有切片，把切片选项改成选中的切片，保存就可以了。
<--注意：图片的保存不需要自己单独建立文件夹，PS在保存图片的时候，会自动生成一个images文件夹，如果需要存储多张图片时，不需要把图片刻意的放到images文件夹中，PS会自动放到images文件夹中-->
6、吸管工具: I
(1)作用：吸取文字的颜色
(2)吸管工具的使用:
把文字通过放大镜放大，在英文状态下按I（或者在左侧工具栏中的第六个工具），点击文字，把文字的颜色吸取出来，再点击显色板（左侧工具栏倒数第三个），会弹出一个弹框，在弹框中最下面的位置有一个#号，#号里面的内容就是文字的颜色的色值（在HTML中，文字的颜色用 #色值 来表示）。
三、CSS作业
1、熟练掌握PS的六种工具
2、利用PS将页面中所有的图片全部切下保存
3、利用吸管工具，吸取出页面中所有的文字颜色
