因為工作的關係,常常會需要用到Emmet快速建構HTML的結構與CSS標籤,所以分享一下
Emmet 常用的快速語法,這快捷用法在Sublime text, Atom, Visual Studio Code 都通用,應該說只要有安裝Emmet的編輯器都可以使用。
*2017-08-19 更新
前陣子因為在MacBook Pro上的Atom軟體不穩的因素,後來改用Visual Studio Code跟 Sublime text,實際執行後發現簡碼會有一點差別,例如在Atom上輸入mra[按下Tab鍵]後會出現 margin-right: auto 但是在Visual Studio Code就無法出現,所以這篇文章的簡碼會比較適合Atom。
另外標題也有變更,因為這篇文章主要在介紹Emmet建立CSS樣式,所以把標題修改成為比較貼近的敘述。
Emmet 常用的快速語法,這快捷用法在Sublime text, Atom, Visual Studio Code 都通用,應該說只要有安裝Emmet的編輯器都可以使用。
*2017-08-19 更新
前陣子因為在MacBook Pro上的Atom軟體不穩的因素,後來改用Visual Studio Code跟 Sublime text,實際執行後發現簡碼會有一點差別,例如在Atom上輸入mra[按下Tab鍵]後會出現 margin-right: auto 但是在Visual Studio Code就無法出現,所以這篇文章的簡碼會比較適合Atom。
另外標題也有變更,因為這篇文章主要在介紹Emmet建立CSS樣式,所以把標題修改成為比較貼近的敘述。