Visual Studio Core HTML編輯快捷鍵整理(emmet快捷鍵)

Visual Studio Core HTML編輯快捷鍵整理(emmet快捷鍵)

整理時間:2017-9-29 做者郵箱:info#haixia.net (將#替換成@,來信必復)css

  • Ctrl+/ 註釋某一行或取消某一行的註釋
  • html:5! 生成html5文檔結構
  • meta:utf 聲明 UTF-8 編碼格式
  • meta:vp 建立網頁視區,即當前的頁面縮放
  • meta:compat 聲明兼容IE版本
  • linklink:css 關聯樣式文件
  • script:src 關聯腳本文件
  • 標識名.類名 生成帶類樣式的標籤 例如:p.info
  • 標識名#ID名 生成帶ID的標籤 例如: h2#header div#header#header
  • aa:linka:mail a標籤
  • 用 + 鏈接 生成同級兄弟標籤 例如:h2.header+p.info
  • 用 > 鏈接 生成下級標籤 例如:ul>li
  • 用 ^ 鏈接 生成上級標籤 例如:h2>span^p.info
  • ul.list>li.item*8>a{導航} 快速生成一個有8個列表項的導航
  • ul.list>li.item*8>a{導航$}快速生成一個有8個列表項的導航,而且裏面的導航進行數字排序,好比:導航1,導航2……
  • ul.list>li.item*12>a{導航$$} 快速生成一個有8個列表項的導航,而且裏面的導航進行兩位數字排序,好比:導航01,導航02……
  • ul.list>li.item*8>a{導航$@-} 倒序,在VSC中失效
  • ul.list>li.item*8>a{導航$@5} 正序,從5開始,好比:導航5,導航6……
相關文章
相關標籤/搜索