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:选中的代码整体后移；