每日一點 — background

• 2019 年 10 月 5 日
• 筆記

各位寶寶，好久沒有和大家嘮叨有的沒的了，更新也不太規律，所以我想改變一下。

我是一個笨人，學習能力很差，不像別人那樣，能花一段時間把某個知識點，學的非常透徹。我只能花一段時間了解某個知識點，下一次再花一段時間去再深入一點，每次的學習過程都是把之前的知識碎片進行連線的過程，真的是很慢的。所以想每天總結一個小的知識點，作為記錄，並且分享給各位寶寶，希望我們都能變成更好的自己，即使每天只是一點點。

speak is cheap!

今天的主題是background；

定義：

background是一種CSS簡寫，用於集中定義各種背景屬性。包括color、image、size、position。

語法：

• 指定多個背景層時，使用逗號分隔每個背景層
• 每一層，下列的值可以出現0次或1次
  • attachment(決定背景影像的位置是在視口內固定，還是隨著包含它的區塊滾動。)
  • bg-image
  • position
  • bg-size
  • repeat-style
• bg-size只能緊接著position，以'/'分隔，例如"center/80%"。如果你用了less必須將"/"寫成 ~"/"
• background-color只能包含在最後一層。因為整個元素只有一種背景顏色

所以下次在寫關於背景的時候就不要寫成background-positiion 、background-size等等分開寫嘍，學習做一個會偷懶的程式設計師。程式碼越少，出錯的概率越少哦！

願我們有能力不向生活繳械投降—Lin