sublime text3 emmet基本語法

2022-06-14 02:00:28 字數 834 閱讀 9087

emmet的前身是zen coding,它使用縮寫,來提高html/css的編寫速度。

生成標籤 直接輸入標籤名 按tab鍵即可  比如 div  然後tab鍵,就可以生成

如果想要生成多個相同標籤 加上 * 就可以 比如  div*3 就可以快速生成3個div

如果有父子級關係的標籤,可以用 > 比如  ul>li 就可以

如果有兄弟關係的標籤,用 + 就可以 比如 div+p

如果生成帶有類名或者id名字的,直接寫 .demo 或者 #two  tab 鍵就可以

如果生成的div 類名是有順序的, 可以用自增符號 $

如果想要1px的邊框,直接輸入bd+  然後tab鍵;想不要邊框,直接輸入bd-  然後tab鍵

input加英文狀態下的冒號再加型別,可以直接生成相關型別的input,例子 input:button

.demo$*3

<

div

class

="demo1"

>

div>

<

div

class

="demo2"

>

div>

<

div

class

="demo3"

>

div>

補充,還可以這樣。內放文字內容。

.example

<

div

class

="example"

>完全可以這樣做

div>

更多emmet語法閱讀

Sublime Text3使用技巧

二 使用技巧 在sublime text中,支援模糊搜尋 1.goto anything 快捷鍵 ctrl p 1 可以查詢檔案 2 通過 在css查詢選擇器。在js查詢函式。2.多行游標 選擇方式 1 ctrl d 新增 2 ctrl k 跳過 3 alt f3 多選 4 ctrl a ctrl ...

sublime Text3 破解安裝

作為強大而小巧,且快捷的sublimetext,怎麼能夠允許不時彈個框提醒你購買,並且頂部有未註冊這樣破壞美感的存在呢?ok,點開help,填入註冊碼即可消除此問題。sublime text 3 3103 註冊碼 begin license michael barnes single user li...

sublime text3 搭建python環境

解壓,安裝。pythonsetup.py install setpython path c python27 c python27 scripts 指向實際python安裝路徑 重型的python ide推薦pycharm,輕型的sublime。這裡搭建sublime text3的python編譯環...