今天要來跟大家聊聊，一些實作的小技巧們🕹
(上上下下左左右右ABAB)(大誤)
- height 高度不要寫死，如果內容突然變多，頁面會跑掉
（因為現在通常是活資料） - class 不要用「編號 or 物件本身顏色」命名，不然以後會看不懂
- 內文多個項目時，可以用
ul / li來包（看情況使用） - 裝飾可用
before / after來做 - outline 不會佔空間，利用加框線的方式，看物件的位置
- 如物件本身是 inline，做「絕對定位」後，會自動轉轉型成 block
但建議不要省略display: block - 預設情況下，內容（文字/圖片）不會被蓋住，但容器（背景色）會被蓋住
- 只要
z-index > 1就可以往前一層 - 網頁的「檢查」狀態時，按住 shift + 上下
- 與物件尺寸相關 width, height, padding, margin, border
- 影響尺寸計算方式
box-sizing: border-box transform: scale( )調整比例用，所占空間不會減少
zoom( 微軟開發的，較少使用 ) - 預設的情況下，容器 ( 背景 ) 會被蓋住，內容 ( 文字、圖片 ) 不會被蓋住