webstorm使用小技巧

1. 如何在webstorm中让光标在多行中闪烁：按住Alt键不放 然后再按住鼠标的左键不放 然后拖动鼠标即可
2. Ctrl＋x可快速删除光标所在行
3. 如何让标签包裹内容 即自动在内容前后加上标签：Ctrl＋Alt＋T在第一个<>中输入标签 结束标签将会自动生成
4. 如何让内容超过屏幕就换行：file-setting-editor-general-勾选use soft wraps in editor-OK
5. 输入ul>li按下tab会自动生成

<ul>
	<li></li>
</ul>

如果想要ul标签中有n对li标签 那么输入ul>li* n
从上级往下级开始写 上级与下级>连接 同级用+ 多个用*
6. 输入dl>dt+dd按下tab键会自动生成

<dl>
	<dt>列表中的标题1</dt>
	<dd>描述1</dd>
</dl>

6. 某一行内容向上移动：Ctrl+shift+↑方向键上
7. 某一行内容向下移动：Ctrl+shift+↓方向键下
8. 快速合并和展开代码：（合并和展开的是某一个标签）
   合并：Ctrl±
   展开：Ctrl++
9. 快速合并和展开代码：（合并和展开选中的所有标签）
   合并：Ctrl±+shift
   展开：Ctrl+++shift
10. 快速新启一行：shift+enter
11. 快捷键：输入fs后按下tab键 自动生成font-style:italic;
12. 输入fsn后按下tab键 自动生成font-style:normal;
13. 快捷键：输入fw后按下tab键 自动生成font-weight:;
14. 输入fwb后按下tab键 自动生成font-weight:bold;
15. 输入fwbr后按下tab键 自动生成font-weight:bolder;
16. 输入fz后按下tab键 自动生成font-size:;
17. 输入fz30后按下tab键 自动生成font-size:30px;
18. 输入ff后按下tab键 自动生成font-family:;
19. 输入f后按下tab键 自动生成font:;
20. 输入td后按下tab键 自动生成text-decoration:none;
21. 输入tdu后按下tab键 自动生成text-decoration:underline;
22. 输入tdl后按下tab键 自动生成text-decoration:line-through;
23. 输入tdo后按下tab键 自动生成text-decoration:overline;
24. 输入ta后按下tab键 自动生成text-align:left;
25. 输入tar后按下tab键 自动生成text-align:right;
26. 输入tac后按下tab键 自动生成text-align:center;
27. 输入ti后按下tab键 自动生成text-indent:;
28. 输入ti2后按下tab键 自动生成text-indent:2px;
29. 输入ti2e后按下tab键 自动生成text-indent:2em;
30. 输入di按下tab会出现display:inline
31. 输入db按下tab会出现display:block
32. 输入dib按下tab会出现display:inline-block
33. 输入bc按下tab键 会出现background-color:
34. 输入bc按下tab键 会出现background-image:url()
35. 输入bgr按下tab键 会出现background-repeat:
36. 输入bp按下tab键 会出现background-position:
37. 输入ba按下tab键 会出现background-attachment:
38. 输入bg+按下tab键 会出现background缩写格式
39. 输入div.box*2按下tab键 试一试 嘻嘻
40. 输入bd+按下tab键 会自动出现border:1px solid #000;
41. 输入bt+按下tab键 会自动出现border-top:1px solid #000;
42. 输入br+按下tab键 会自动出现border-right:1px solid #000;
43. 输入bb+按下tab键 会自动出现border-bottom:1px solid #000;
44. 输入bl+按下tab键 会自动出现border-left:1px solid #000;
45. 输入bw按下tab键 会自动出现border-width:;