1.Photoshop（ps）
标尺工具：ctrl+r 改单位（像素）
放大镜工具：z
移动工具：v
抓手工具：按住空格
切片工具：c
2.网页基础还原过程（页面重构） div布局 div容器标签
2.1将设计图 分为三大部分 宽度都是100%
header：logo，导航 以及广告或者介绍区域
main：网站的主体内容
footer：网站的合作商 或者网站的个人介绍等等
class选择器
<div class="header">则style样式中编辑 .header{}
*通配符选择器（所有标签）清除默认间距
*{margin=0; padding=0;}
超链接标签：a
<a href="baidu.com">百度</a>
图片标签：img (图片来源于网页)
<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1af9dfb82d3344829412775c1d4fa4db~tplv-k3u1fbpfcp-zoom-1.image "></img>
