img标签/PS切图+量间距

img标签自带宽和高
.jpg 不透明的图片
.png 透明图片，也就是有透明区域的图片，不规则图片切图时会变成矩形，会存在透明区域，图片为png

引入图片：
img标签：
（直接引入，不依附于任何标签）

<img src="img/banner.jpg" width:100%/>

背景图：background:url(图片途径)：

图片依附于div块，所以大的图片只能显示出div块大小那部分的图片，也就是大的图片可能显示不全；
而小于div大小的图片，小的图片会将div铺满，也就是有很多个小图片排满div块

<div style="width:500px;height:500px;background:url(img/banner.jpg)" no repeat center></div>  
//不给width默认100%,缩小浏览器不会有比例缩小,center居中

no repeat 不重复（一般background放图片都要写）
center 居中（图片居中于这个div，也就是整个div的正中间）

PS：
选图层：
Ctrl+鼠标左键=拖动图层（在选中工具栏的第一个小箭头，去掉左上角的自动选择——避免选错）
Ctrl+Alt+Z=连续撤销
Ctrl+Z=撤销一回

切图：Ctrl+鼠标左键选中图层，右边图层中选中图层，鼠标右键，导出为…

量间距（工具栏第二个矩形选框）：
Ctrl+D=取消矩形选框
空格+鼠标左键=拖动矩形选框，松开空格可以改变矩形的选框的大小，会有用于对齐的红线和宽高的提示