1、ps简单操作

  1. 首先先把 ps的默认单位 改成像素
  2. Ctrl + r 出现标尺
  3. alt + 滚轮 放大缩小
  4. F8 出现详细信息
  5. ctrl + h 显示 / 隐藏辅助线
  6. 如果需要做背景图片 平铺的话 最好 高度 或者宽度 截取一个像素【然后平铺】
  7. 精灵图必须是png格式的 因为只有png支持复杂的透明
  8. 在PS中保存图片的时候保存成 web所用格式的图片

2、Font Awesome 图标

image.png


Fa fa-图标名字
可以使用CSS代码的color来改变矢量图标的颜色 【！important】

3、开发时注意事项

  • curosr:pointer; // 鼠标放上去变成小手[一般是用在 :hover里面]
  • box-sizing:border-box; //使用padding的时候 加上这句话 [兼容性问题]
  • 当不确定大小时 可以使用决定定位 给4个方向都给定值，把页面撕开
  • 一般主页面都是 嵌套一个iframe main页面

var url = $(this).attr("url");
//使用attr把属性节点值进行替换
$(".main-content iframe").attr("src",url);

  • javascript:void(0)
    • 阻止事件发生【a标签不进行跳转】
  • 不想要页面有滚动条可以再css中的body中 添加 overflow: hidden;