快捷輸入方式：
lorem+tab鍵：出現自帶的文字
格式：lorem+n(要出現的單詞個數)
格式：p>lorem10+tab
輸出10個單詞連帶p一起輸出
（元素）p+tab：自動補充結束標籤
注釋：ctrl+?
注：滑鼠在的哪行一起刪除
ctrl+d：複製當前行
ctrl+f：查詢
ctrl+r替換
多行輸入：
div>p>span*5 $:代表數字，兩個就是01,02,03.04,05
html中選擇器：
一、基礎選擇器
1、萬用字元選擇器：*{} 改變了全部樣式
2、元素選擇器：元素{}
3、組合選擇器/並集選擇器：元素1，元素2，類，偽類，元素.類{}
4、類選擇器
html:
css: .f46{}
特點1、在css中必須要以點號（英文）開始
2、在html中包含字母、數字、連字元（-）、下劃線（__）
3、在html點號後面必須是字母開始的
4、在html中區分大小寫
5、在html中乙個類選擇器可以應用到多個標籤
示例：html:
css: .f45{}
這種情況針對精確設定，例如：在div>ul>li中
5、id選擇器
html:
css: #f46{}
二、層次選擇器
1、後代選擇器
格式：祖先 後代選擇器{}
html:
css:
div p em{}
2、子級選擇器
格式：父級元素》子級元素{}
html:
css:
div> p> em{}
3、兄弟選擇器
格式：兄弟元素a+兄弟元素b{}
選擇a元素後的b元素，並且ab必須是相鄰的，即ab之間不許有其他元素
html:
css:
em+i{}
4、通用選擇器
格式：兄弟元素a~兄弟元素b{}
選擇匹配的b元素，即a元素後面的所有b元素
html:
css:
em~i{}
三、偽類選擇器
1、動態偽類選擇器
（1）、動態
元素：link
元素：visited
（2）、靜態
元素：hover
元素：active
元素：focus
2、觸發焦點（tab）鍵時的樣式
注：a標籤用的最多
獲取一張在什麼樣的位置顯示
4、結構類選擇器
格式（針對乙個div下有多個相同元素）要修改的元素：first-child{}(改變第乙個元素)
要修改的元素：last-child{}(改變最後乙個元素)
要修改的元素：nth-child(n){}(n要改變的那個元素在第幾個)
要修改的元素：nth-last-child(n){}(修改倒數第幾個元素)
要修改的元素：nth-child(odd){}(修改元素位置在奇數字時：
odd代表奇數，或者寫成2n+1y
要修改的元素：nth-child(even){}(修改元素位置在奇數字時：
even代表偶數，或者寫成2n
div>p(元素1)：nth-of-type(n){}(修改在div中型別為p(元素1)中第二個p的樣式
空元素：empty{}(改變元素為空（沒有內容）的元素樣式)
只有乙個元素：only-child(在div（區塊也可以其他元素）中只有乙個元素且僅有乙個才能改變樣式
5、否定偽類選擇器
格式：元素：not(:nth-child(4)){}除了第四個不改變樣式其他都改變，{}寫相應的樣式
6、偽元素選擇器
對一段文字進行操作
selection的規則
只能有color,background-color(background)兩個屬性
格式
::selection
::first-letter{}選中第乙個字母進行樣式的改變
::first-line{}選中第乙個行進行樣式的改變
在標籤前/後新增內容（盡量選擇有自動換行的標籤）
i::before
在i標籤前加上」您好「，顯示在網頁中
em::after
在em標籤後加上」王先生「，顯示在網頁中
四、屬性選擇器（通常用到input）中
html
css
input[type="text"]html；css:input[type豎線1="number"]
選中以」number-「開始的input標籤
豎線=
html
css:input[type$="number"]選中以」text開始「的input標籤
$=
html
css:input[type*="number"]選中以」包含f46「的input標籤
*=
html
css:input[type~="number"]選中以」包含text「的input標籤，並且多個屬性以空格隔開
~=
html
css:input[type^="number"]選中以」text「開始,也可寫成」te「的input標籤
^=
拼接html片段的快捷方式
之前一直用 這種方式來拼接乙個很長的字串 或者 html 太累了.那有沒有什麼好的方法了,起碼敲起 起來不會感覺到厭煩,於是我總結了2種比較舒服的方法,望大家採納.第一種方法 採用陣列的方式.最後利用join 連線起來.直接上 js var lang var html url lang.url la...
html 快捷方式建立元素
1.在編輯器中輸入元素名稱，即可自動補全生成 html 標籤，即使不是標準的 html 標籤。2.輸入 或者 html 5 或者 html 4s 或者 html 4t 將自動補全html基本結構 1.使用 生成子元素 輸入 div ul li 按下tab鍵 2.使用 生成兄弟元素 輸入 div p ...
JetBrain常用快捷鍵 省略輸入方式
itar 生成array for 塊 for int i 0 i array.length i itco 生成collection迭代 for iterator iterator users.iterator iterator.hasnext iten 生成enumeration遍歷 while e...