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中的文字，然后使用快捷键，选取里面的<tag>..</tag>选项，给一段文字外围加标签;
- 按住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:选中的代码整体后移；
