页面制作（PS/HTML/CSS）易错点总结

   今天做了网易云课堂的页面制作试卷，虽然分数暂未公布，但是已经知道了自己这段时间以来的成效。下面总结几个易错点：

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