zoukankan      html  css  js  c++  java
  • 页面制作(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

      

  • 相关阅读:
    poj 3321 Apple Tree
    hdu 1520 Anniversary party
    Light OJ 1089 Points in Segments (II)
    Timus 1018 Binary Apple Tree
    zoj 3299 Fall the Brick
    HFUT 1287 法默尔的农场
    Codeforces 159C String Manipulation 1.0
    GraphQL + React Apollo + React Hook 大型项目实战(32 个视频)
    使用 TypeScript & mocha & chai 写测试代码实战(17 个视频)
    GraphQL + React Apollo + React Hook + Express + Mongodb 大型前后端分离项目实战之后端(19 个视频)
  • 原文地址:https://www.cnblogs.com/july-Vivian/p/4590921.html
Copyright © 2011-2022 走看看