【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費(fèi)教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機(jī)械設(shè)計(jì)教程|網(wǎng)站設(shè)計(jì)教程!【道勤網(wǎng)】

標(biāo)題: Sublime Text 3如何快速生成HTML5的頭部信息和常用的快捷鍵的方法 [打印本頁(yè)]

作者: 學(xué)習(xí)NO.1    時(shí)間: 2017-4-27 19:22
標(biāo)題: Sublime Text 3如何快速生成HTML5的頭部信息和常用的快捷鍵的方法

一、快速生成HTML5的頭部信息的步驟:

1.Ctrl + N,新建一個(gè)文檔;

2.Ctrl + Shift + P,打開(kāi)命令模式,再輸入 sshtml 進(jìn)行模糊匹配,將語(yǔ)法切換到html模式;

3.輸入  !,再按下 Tab鍵或者 Ctrl + E ,就能快速打開(kāi)HTML5的整體結(jié)構(gòu)。

二、十分常用的快捷鍵:

“>”號(hào),子元素選擇符;“.”號(hào),后面跟的是class名;“$”符,代表的是序號(hào)。     

舉個(gè)例子:輸入 ul>.item$*10,再按下Ctrl + E,則會(huì)一次性輸出一個(gè)無(wú)需列表,列表中有10個(gè)帶有class名為item的 li 行。

無(wú)疑這種一次性輸入多行的方式十分快捷。如果多行有同一種操作,可以運(yùn)用多行游標(biāo),Alt + F3會(huì)選中鼠標(biāo)之前選擇的詞,此時(shí)多行被選中,按方向鍵可以選擇移動(dòng),按 { } 可以在里面輸入內(nèi)容,最后將光標(biāo)移出 } 外,Ctrl + E則會(huì)將 { } 內(nèi)的內(nèi)容全部輸出,一次輸出多行。比如在全部選中后,輸入 h2 { this .... },再Ctrl + E,則會(huì)輸出多行h2大小字體的 this.... 字樣。







歡迎光臨 【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費(fèi)教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機(jī)械設(shè)計(jì)教程|網(wǎng)站設(shè)計(jì)教程!【道勤網(wǎng)】 (http://bmrsportswear.com/) Powered by Discuz! X3.4