2018/5/8
1. 定位概述：
网页定位：大多数跟已有元素不相关，在某种情况下会脱离标准文档流.
position: static 静态 默认
relative相对
absolute绝对
fixed固定（body）
relative：相对自身原来位置偏移，top/right/bottom/left（距离某个方向，参照物并且是绝对定位的父级），原来本身位置存在，并且占据。
absolute：本身位置不占据，脱离了标准文档流，并且找了一个参照物（父级必须是已经定位了的元素，相对它 的定位父级的位置来定位的），如果不指定父级元素进行定义作为参照，那么就寻找到body。
fixed：类似绝对定位，相对浏览器窗口来定位。偏移量不会滚动条的移动而移动。
2. opacity：x (0-1)越小越透明
filter：alpha（opacity=x）（0-100）越小越透明兼容辣鸡IE
2018/5/9
1.变形： translate（tx，ty）平移 translateX/Y
scale（sx，sy） 缩放只设置一个值时，sx=sy
rotate（） 旋转 度数值
skew（ax,ay） 2D倾斜 度数值
2.https://soso.com 信狮 div
3.过渡触发机制
1.伪类触发：hover ,active(按住)，focus（聚焦，填写表单时），checked（选择框）
2.媒体查询：可以通过@media属性判断设备的尺寸、方向等。
3.JavaScript触发：用js脚本触发
4.过渡动画方式（常见）：
ease:元素样式从初始状态过渡到终止状态时速度由快到慢，逐渐变慢（默认）
linear：恒速（匀速运动）
ease-in：匀加速运动（渐显效果）
ease-out：匀减速（渐隐效果）
ease-in-out：先加速后减速（渐显渐隐）
2018/5/10
1. animation实现动画：
1. 通过类似flash动画的关键帧来声明一个动画
2. 在animation属性中调用关键帧声明的动画
2.animation：名称 播放时间 播放方式 开始时间（延迟） 播放次数 播放方向 播放状态 时间外属性
播放次数默认是1，无限为infinite
3. 交集选择器
交集选择器,相交的部分就是要设置属性值的标签
1,格式:
选择器1选择器2...{
属性:值;
}
2,注意点:
(1),选择器之间没有任何的连接符号
(2),选择器可以是标签名称,也可以是id、class名称
(3),交集选择器仅仅是了解
2018/5/11
1. i标签 用于占位、倾斜
2. 了解下载 photoshop
2018/5/15
1.PS 一款强大的图形处理软件 Adobe
1.网页图形处理
2.版式设计
3.图片制作
4.GIF动画
2.主要功能：绘图、图像编辑、创意、扫描
3.PNG（无损压缩位图片，支持背景透明）、JPEG（压缩）、GIF(动图，占内存大；支持背景透明)
4.CMYK（印刷模式） 四种颜色的油墨 青cyan 洋红Magenta 黄 黑
5.Lab色彩模式 以一个亮度分量L及两个颜色分量a、b表示颜色
取值 L 0-100亮度 a(绿-红) b(蓝-黄) -120~120
6.HSB 基于人眼对色观察 Hues色相
7.RGB混合模式 R+G=Y G+B=C(cyan青)
R+B=品红 R+G+B=W
8.amtlib.dll .bak(备份)
9.快捷键：ctrl+alt+z 上一步
选择工具（V）： 选择图形，拖动；
自动选择（Ctrl+鼠标点击）、显示变换控件（shift,进行等比例缩放）
选框工具：矩形、椭圆、单行、单列
填充（前景色：alt+delete，背景色：ctrl+delete）
工具详情：新选区（每次新建选区）、添加选区、从选区中减去、交叉选区
套索工具：（功能选框工具）套索工具、多边形套索、磁性套索工具
功能点：描边、羽化、反向
高级选择工具:快速选择工具、魔棒选择工具
吸管工具：取色
修复工具：污点修复工具（吸取周边像素进行补偿）、修复画笔工具、修补工具、红眼修复工具
美白：
1-敷面膜
2-羽化边缘（3px）
3-吸收营养（滤镜-高斯模糊-动感模糊）
2018/5/16
1． 任务（浪费时间系列）：查找资料 番茄工作法
1. 制作PPT
2. 试验番茄工作法
3. 编写150字感受
25分钟专注
5分钟休息（然后你就废了）
2.quanjing.com 全景 wallhalla.com
3.虚拟光驱 Ultral