1.webstorm中的快捷方法
快捷寫法都要配合tab鍵
-
div.item*10
:創(chuàng)建10個class為item的div膨处; -
div.item$*10
:創(chuàng)建10個class名不同的div; -
div+p+span
:創(chuàng)建同一級別的標簽鸠天;(兄弟關系); -
ul>li*10
:ul下創(chuàng)建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顏色错敢;
- 勾選文檔尺寸翰灾;
- 窗口-字符
- 窗口-圖層
- 窗口-歷史記錄
- 窗口-信息-點擊右上角-面板選項
- 編輯-首選項-單位與標尺-
- 標尺:像素;
- 文字:像素伐债;
- 窗口-工作區(qū)-新建工作區(qū)
- 激活菜單欄:Alt鍵预侯;
4.ps中的快捷鍵
- ctrl+D:重新選擇;
- ctrl+0:回到初始頁面大蟹逅萎馅;
- 空格+鼠標左鍵:移動頁面;
- Alt+鼠標滾輪:放大局部頁面虹蒋;
- 吸管:i;
- ctrl+delete: 進行背景色的填充糜芳;
- alt+ delete: 進行前景色的填充;
- 摳圖用w快捷鍵里的魔棒工具魄衅,選中區(qū)域后峭竣,ctrl+c復制-ctrl+n新建-ctrl+v粘貼;
- 更改摳下來的圖的顏色晃虫,雙擊圖層皆撩,勾選顏色疊加,點擊顏色疊加文字哲银,選擇顏色扛吞,確定。
5.markdown中的快捷鍵
- tab+shift:選中的代碼整體前移荆责;
- tab:選中的代碼整體后移滥比;