- 學習資料為:chuanzhiheima培訓資料,freecodecamp300小時基礎前端,《精編CSS第三版》,《Node.js 開發指南》(BYvoid編著,淘寶買的二手書)
- VS code 快捷鍵的應用,
- 目標:逐步記憶用到的快捷鍵
- 快速生成html5的結構: 英文格式下: ! + 空格
- 保存:CTRL+S
- 打開檔案: CTRL+O
- 添加注釋: CTRL+ / 或者先CTRL+K,再按CTRL+C
- 取消注釋: CTRL+/ 或者先CTRL+K,再CTRL+U
- 撤銷剛才的操作:Ctrl+Z
恢復剛才的操作:Ctrl+Shift+Z - 生成多個相同的標簽,加上*號,比如 div*3+回車,即生成3個div標簽
- 生成父子級關系的標簽,可以用 >號,比如 ul>li +回車
- 以上7/8可以合起來用,比如ul>li*3,即生成ul和3個li的標簽
- .demo/.vip/#vip/input:text/input:radio 加回車,分別可得如下:
-
<div class="demo"></div> <div class="vip"></div> <div id="vip"></div> <input type="text" name="" id=""> <input type="radio" name="" id="">
w100/h100, 即寬度+像素,按回車,可以如下:
width: 100px; height: 100px; -
input:image 按回車,插入圖片按鈕
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/34049.html
標籤:HTML5
