首先謝謝邀請，這里Python大星談談web前端初學快捷鍵的困惑。不足之處，請指出，共同學習進步

一、web前端開發工具

常見的五種web前端開發工具：

● sublime

● Hbuilder

● VS Code

● Atom

● Brackets

作為web前端開發工具，當我們靈活利用編輯器的快捷方式時，會極大地提高我們書寫代碼的效率。二、第一個web前端快捷方式在我們剛踏入web前端學習領域時，看到別人能快速生成一個html標準文檔是十分羨慕的。如何去操作，其實并不難。

操作步驟：在文檔中輸入英文感嘆號"!" >> 再按住tab鍵即可

如果你不能達到下圖中的效果，請嘗試安裝 Emmet 插件

三、快捷鍵的擴展下面講解前端常用的一些快捷方式，最后以tab鍵結束。其中第9條真的是太太太有用了，初學你不看會后悔一輩子。

1、快速生成多個元素，比如5個div

2、給元素增加class或者id屬性

舉個栗子，給div增加屬性

● 增加class屬性使用.

div.first

+ tab鍵

● 增加id屬性使用#

div#first + tab鍵

3、給元素增加內容，使用{}

4、兩個元素是兄弟元素，使用+

5、后代元素，使用>

7、上級元素使用^

當使用 的指令之后，再繼續寫下去，那么后續內容都是在 li 下級的。如果我想編寫一個跟 ul 平級的 span 標簽，那么我需要先用 “^” 提升一下層次。

8、$的使用

● $出現一次，正序從 1 開始

● $出現一次，倒序

● $出現多次，正序從0開始

● 使用 @N 指定開始的序號

8、分組：()

用括號進行分組，表示一個代碼塊，分組內部的嵌套和層級關系和分組外部無關

9、lorem生成隨機文本

三、小結工欲善其事，必先利其器。掌握好開發工具中的快捷鍵，我將事半功倍。最近我在頭條號上寫《Python Web全棧之旅》web前端部分，歡迎關注“Python大星”，呼吸不停，學習不止。

正常情況下按Tab鍵時，是按內容中的控件添加時的順序，誰先添加就誰先。為了能夠自定義順序，就產生了個一tabindex屬性。簡單理解就是定義Tab鍵的順序的。

先解釋a標簽的寬高，a標簽屬于行內元素，默認情況下是不支持設置寬高的，僅依靠內容來“撐大自己”。這時我們需要用css的display屬性并且值設置為block即可。這么設置瀏覽器就會將被設置的a標簽識別為塊元素。這時寬高的設置參數就有效了。a標簽的文字垂直居中很簡單，只需要設置css的line-height屬性即可，將像素值設置的和高度一致就是垂直居中了。下面舉例說明：css：html：

我是A標簽的內容

運行結果：未使用css：寬高是依靠內容來決定。使用css后：寬高是依靠css屬性來決定。