码迷,mamicode.com
首页 > Web开发 > 详细

页面制作(PS/HTML/CSS)易错点总结

时间:2015-06-20 19:36:43      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

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

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

 

 

 

 

 

  

页面制作(PS/HTML/CSS)易错点总结

标签:

原文地址:http://www.cnblogs.com/july-Vivian/p/4590921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!