在寫網頁式常用的尺寸單位有 PX、EM、REM。
PX 使用上很直觀,是相對容易入門的單位。
EM、REM 是依照比例做計算,在做響應式網頁有優勢。
在寫 CSS 的時候,可以使用繼承的觀念來少寫重複的程式碼。了解繼承的觀念,在閱讀別人的程式碼或是 debug 時,也可以較容易找出 css 有無套用的原因。
文字相關的屬性,預設是有繼承的效果,例如:
font-size | color | font-weight |…
有很多方法可以達到水平置中、垂直置中,這邊示範一些筆者比較常使用的寫法。
直接在需要水平置中的元件上使用左右調整 auto
margin: 0 auto;
在維護別人的專案時,很多時候無法堅持用自己的準則來面對別人的程式碼,即便重構是一種選擇,但因為很多 BUG 是有急迫性的,前端不會在乎程式碼寫的多漂亮,只在乎現在話面怎麼有問題。
在這情況下,使用 className 堆疊 來調整 CSS 樣式就是一種選擇。