一、ps常用工具
1.文件的打开
直接把图片拖到ps中
文件--打开--选择要打开的图片
2.文件的关闭
直接点关闭按钮
3.矩形选框工具
快捷键： M
4.放大镜工具
按钮鼠标左键，向里拖缩小，向外拖放大
alt键，滚动鼠标滚轮
5.抓手工具
按钮鼠标左键进行上下左右移动
按住空格键， 按钮鼠标左键进行上下左右移动
6.文字工具
测量文字属性(字体、大小)
7.移动工具
组：选中该图层所在的组
图层：直接选中该图层在哪里
8.参考线
把标尺显示出来
ctrl+r
- 显示|隐藏
ctrl + R 或 “视图”菜单--“标尺”
- 参考线
- 在标尺上按住鼠标左键拖拽，拉出参考线
- 水平参考线和垂直参考线的临时切换，需要按下alt键
- 删除参考线
- 在移动工具状态下，将参考线拖回到标尺。
- 在其他工具状态下，按住Ctrl键临时切换工具将参考线拖回到标尺
- “视图”菜单--“清除参考线”
二、圣杯布局
三列自适应
左右两栏固定宽度
中间实现自适应
1.html结构--先中间再左右
2.显示左中右
实现步骤
1.HTMl结构中--先中间内容后侧边栏
2.两侧宽度固定，中间宽度设置100%
3.中间内容和左右两侧分别加浮动 float：left；
4.将左侧盒子拉到最左边（margin-left：-100%），将右侧盒子拉到最右边（margin-left：-右侧盒的宽度）
5.通过父盒将左右盒子的位置露出来（在父盒上设置padding：0 右侧盒子宽度 0 左侧盒子宽度）
6.分别还原左侧盒和右侧盒
将左侧列移动至对应位置（position：relative：左侧盒设置left属性，值为-左侧盒的宽度）
将右侧列移动至对应位置（position：relative；左侧盒设置left属性，值为右侧盒宽度；）
7.父盒容器设置最小宽度，防止中间列消失
三、双飞翼布局
实现步骤
1.HTML结构中--先中间结构（主体结构中要有主体内容盒，主题内容盒里嵌套一个子盒）后侧边栏
2.两侧盒子固定宽度，中间主体结构盒宽度100%；
3.中间结构盒和左右两侧设置浮动 float：left；
4.将左侧盒子拉到最左边（margin-left：-100%），将右侧盒子拉到最右边（margin-left：右侧盒宽度）
5.在中间主体结构盒的子盒上设置margin值将中间内容露出来（margin：0 右侧边宽度 0 左侧边宽度）
四、新增语义化标签
相对div无语义标签来说，更加具有语义化
新增语义标签：块级标签
header：头部
网页的头部，某个模块的头部
footer：底部
网页的底部，某个模块的底部
nav：导航
网页中的文字导航、侧边栏导航、面包屑导航
acticle：文章
网页中独立的结构，用的不多，包着多个section
section：章节
相当于一个自然段
类似于div，区别：
一般一个section：一个section元素通常由内容及标题组成
aside：侧边栏
网页中侧边的广告
语义:定义当前页面或文章的附属信息部分
典型应用：侧边栏、标注框、广告等
五、新增其他标签
figure标签
figcaption标签，在一个figure标签中只能有一个figcaption标签，一般用于图文
块级标签，自带外间距
用的不多 了解
mark：标记标签 行级标签
高亮效果 吸引用户眼球 默认自带黄色背景色
可以修改样式
掌握
time：时间标签
行级标签
用于很少，了解