# CSS 小細節s

## 大容器招
* 可以用一個大容器將整個版面包起來，再置中，就不用一塊一塊置中。
* 將寬度寫在大容器，內部每個大區塊無需再寫寬，因為`<div>`預設是最大寬度。

## 刻在我心底句子
* 幫行內元素`<img>`加上`display: block`可以消除周圍的小空白。
* 幫行內元素`<a>`加上`display: block`，增加觸控範圍，優化UX。
* `<img>`的預設是等比例縮放；不要同時寫寬高，避免變形。
* `margin`的上下，遇到兄弟會疊在一起...((男上加男的概念...
* `float`, `inline-block`, `absolute`, `fixed`，這些屬性會把最大寬度變最小。

## Small Tip
* `outline` 不占空間，用來debug很讚。
* `padding`依文字大小而定；以內文為例，可設置為文字大小的1~1.5倍。
* 加入使用主色的粗線條，可以成為設計焦點。

###### tags: `frontend` `cssmonster` [:arrow_right: Back to Front End Homepage :arrow_left:](/S-c0eqQmS16D8tcTx4ae1g)