**IDE:** Visual Studio Code 內建**Emmet擴充套件：** 在html可輸入驚嘆號，直接建立整組標籤。 **HTML 引入 CSS 設定：** head的位置使用 <link rel="stylesheet" href="檔案路徑">，不需要結尾標籤 **HTML 引入 JavaScript 設定：** 放在 `<body>` 的上方，宣告 `<script src="檔案路徑"></script>`，需要結尾標籤，也可以直接在 `<script></script>` 的中間寫入 JavaScript。 放在其他位置也可以引入JS，但因為JS可能會更動html內容，因此先編譯完再處理JS。 --- **RWD響應式網站設計：** 透過 CSS 的控制，讓同一份 HTML 網頁能在螢幕尺寸改變時，自動回應最適當的 CSS 佈局 **分界點 (breakpoint)：** 每設一個 breakpoint 意味需要準備多一份 CSS 樣式 主要分界點 (major breakpoint)：在設備間切換 次要分界點 (minor breakpoint)：調整比較細微的 CSS 變化 **行動優先 (Mobile First)：** 應該先從最小螢幕尺寸開始考慮，也就是手機，螢幕越小能顯示的內容越少。Mobile First 的焦點是「網站內容如何逐漸變多」，而不是單純把同一套內容塞進不同尺寸