webstorm及html及ps中的设置及方法

1.webstorm中的快捷方法

快捷写法都要配合tab键

  • div.item*10:创建10个class为item的div;
  • div.item$*10:创建10个class名不同的div;
  • div+p+span:创建同一级别的标签;(兄弟关系);
  • ul>li*10:ul下创建10个li;
  • ul>li*10>a:ul下有10个li,每个li下各有1个a链接;
  • 如果想批量操作内容:按住alt键,同时点击鼠标,选中后再操作;
  • ul>li*10>a[href=#,title=xx];
    • ul下10个li,每个li下各有1个a链接;
    • 每个a链接下有两个属性,注意:属性操作用[];多个属性用“,”逗号分隔开;
  • w300+tab键:等于width:300px;同理h200+tab键:等于height:200px;;
  • ul>li{列表内容$}*5:等于五个内容为列表1-5的li;

2.html及css中快捷键

  • html中注释的快捷键为:ctrl+/;
  • css中注释的快捷键为:ctrl+shift+/或ctrl+/;
  • ctrl+D:复制一行;
  • ctrl+Z:后退一步;
  • ctrl+F:搜索框;
  • ctrl+R:替换框;(replace all:全部替换)
  • ctrl+Alt+T:先选中html中的文字,然后使用快捷键,选取里面的..选项,给一段文字外围加标签;
  • 按住Alt键+鼠标左键: 多选,同时修改;
  • 在html或css或markdown中是多行代码一起前移快捷键用shift+tab;

3.ps中的基本设置

  • 新建(ctrl+N):
    • 预设:web;
    • 宽度:1920px;
    • 高度:2000px;
    • 分辨率:72px;
    • 颜色模式: RGB颜色 8位;
    • 背景内容:透明;
  • 视图设置:
    • 视图-显示-智能参考线(参考线在移动条件下才可移动)
      • Alt键——横竖切换;
      • 隐藏参考线:ctrl+分号
    • 视图-标尺(ctrl+R)
  • 窗口设置:
    • 窗口-信息-点击右上角-面板选项
      • 标尺单位:像素;
      • 第一颜色模式:RGB颜色;
      • 第二颜色模式:RGB颜色;
      • 勾选文档尺寸;
    • 窗口-字符
    • 窗口-图层
    • 窗口-历史记录
  • 编辑-首选项-单位与标尺-
    • 标尺:像素;
    • 文字:像素;
  • 窗口-工作区-新建工作区
  • 激活菜单栏:Alt键;

4.ps中的快捷键

  • ctrl+D:重新选择;
  • ctrl+0:回到初始页面大小;
  • 空格+鼠标左键:移动页面;
  • Alt+鼠标滚轮:放大局部页面;
  • 吸管:i;
  • ctrl+delete: 进行背景色的填充;
  • alt+ delete: 进行前景色的填充;
  • 抠图用w快捷键里的魔棒工具,选中区域后,ctrl+c复制-ctrl+n新建-ctrl+v粘贴;
  • 更改抠下来的图的颜色,双击图层,勾选颜色叠加,点击颜色叠加文字,选择颜色,确定。

5.markdown中的快捷键

  • tab+shift:选中的代码整体前移;
  • tab:选中的代码整体后移;

你可能感兴趣的:(webstorm及html及ps中的设置及方法)