切版練習
git 基礎操作 vscode
初始化存放庫 git init
將程式碼變更加入暫存變更區
填寫 commit訊息，紀錄變更 git commit -m “你新增的功能敘述”
chrome debug extension
- Elements Tab
- 選取元素 > style可以查看樣式編輯內容
- 元素新增 css attribute
- 元素編輯 css attribute
- Elements > computed 查看盒模型
- toggle device tool bar
心智模型 mental model
頁面分析
- 由上而下
- 由左而右 (文字方向)
- 由小螢幕分析到大螢幕
container容器
- 限制內容的最大寬度
- 限制內容水平居中
- 限制內容水平間距(for mobile device)
semantic html (語意標籤)
-每個區塊的語意標籤
##css reset
- https://meyerweb.com/eric/tools/css/reset/
- emmet: