- 寫在前面：參考嗶哩嗶哩黑馬程式員pink老師教程
- 地址：https://www.bilibili.com/video/BV14J4114768?t=328&p=26
開發者工具（chrome）
- 此工具是我們的必備工具，以后代碼出了問題，我們首先第一反應就是：
- “按F12”或者是 “shift+ctrl+i” 打開 開發者工具，
- 選單： 右擊網頁空白出---檢查
- 通過開發人員工具小指標工具，查找頁面元素
- 左側是html頁面結構，右側是css樣式
技巧：
- ctrl+滾輪 可以 放大開發者工具代碼大小
- 左邊是HTML元素結構 右邊是CSS樣式
- 右邊CSS樣式可以改動數值和顏色查看更改后效果
- ctrl + 0 復原瀏覽器大小
sublime快捷操作emmet語法
- Emmet的前身是Zen coding,它使用縮寫,來提高html/css的撰寫速度，
- 生成標簽 直接輸入標簽名 按tab鍵即可 比如 div 然后tab 鍵， 就可以生成 <div></div>
- 如果想要生成多個相同標簽 加上 * 就可以了 比如 div*3 就可以快速生成3個div
- 如果有父子級關系的標簽，可以用 > 比如 ul > li就可以了
- 如果有兄弟關系的標簽，用 + 就可以了 比如 div+p
- 如果生成帶有類名或者id名字的， 直接寫 .demo 或者 #two tab 鍵就可以了
- 如果生成的div 類名是有順序的， 可以用 自增符號 $
.demo$*3 <div class="demo1"></div> <div class="demo2"></div> <div class="demo3"></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/88670.html
標籤：其他