今天做了网易云课堂的页面制作试卷，虽然分数暂未公布，但是已经知道了自己这段时间以来的成效。下面总结几个易错点：
1.Photoshop切图：
图片保存格式：
a.图片色彩较为丰富但无透明度要求时应保存为jpg格式；
b.当图片色彩不太丰富时无论有无透明要求时保存为png8,且设置“杂边：无；扩散：无仿色”；
c.当图片有半透明要求，不对图片进行压缩，保存为24。
注意：PNG8格式图片的颜色模式是索引颜色，在修改前要先更改颜色模式为RGB颜色。
常用快捷键：
a.Alt+shift+Ctrl+s 存储为web常用格式；
b.shift+Ctrl+E 合并可见图层；
c.shift 添加到选区，alt 从选区中减去，shift+alt 选出交叉区域；
d.Ctrl+Alt+Z 多步撤销；
e.Ctrl++ 放大画布，Ctrl+- 缩小画布；
魔棒工具妙用：
a.可确定渐变是否为线性；
b.选择一个颜色单一的不规则区域.
注意：容差越小，可选范围越小。
2.HTML：
表单(form)：
a.标签：<input><textarea><label><fieldset><legend><select><optgroup><option><button>；
b."input"中type值有：button、checkbox、file、hidden、image、password、radio、reset、submit、text
表格（table）：
a.需要记得colspan跨列，rowspan跨行；
b.带有标题的table用<caption></caption>。
无序有序自定义列表：
由于很少用到自定义列表，所以要注意自定义列表表示方法"dl,dt,dd"
3.CSS:
a.行高：用%设置时，改变字体大小对行高不影响；
b.padding&margin用%来表示时，均表示父元素的宽的占比；
c.背景：颜色填充至padding(即不包含border)；
背景图片默认在左上；
position:后者省略的话即默认为center。
d.border-shadow:x y 模糊半径 阴影大小 颜色：
-
-
-
- 同outline一样不占空间
- 0 0 0 1==设置1px border
-
-
e.优先级：行内样式（1000）>id（100）>类、伪类属性（10）>标签及伪元素（1）
f.position:stalic/absolute/fixed/relative