1. 使用場景
保證不變的情況下使用（1）背景顏色 background-color: red;
（2） 背景 background-image: url(./images/1.jpg);
（3）背景位置 background-position : 100px 100px （左上）
center 背景居中
（4）背景大小 background-size: 100px 100px;
cover: 等比縮放直到剛好覆蓋背景區域
contain: 等比縮放,直到有一條邊觸碰到邊框就停止
預設處於平鋪狀態，使用時不平鋪
background-repeat: repeat no-repeat; （x方向平鋪，y方向不平鋪）
7. 背景顯示基點
預設情況下：
背景不平鋪：基點在邊框線外邊距開始
背景平鋪： 基點在邊框線內邊距開始
content-box: 背景內容區左上角開始（內容區域開始）
padding-box: 背景從內邊距左上角開始（padding開始）
border-box: 背景相當於邊框左上角開始（邊框左上角）
8. 背景裁剪（background-clip）
背景從開始裁切: background-clip
content-box: 只顯示內容區部分的背景
padding-box:顯示內容區和內邊距部分的背景(預設)
border-box: 顯示內容區、內邊距和邊框部分的
背景關聯依附（background-attachment ）樣式的作用就是，決定背景是在視口中固定的還是隨包含它的區塊滾動的。
fixed：
此關鍵字表示背景相對於視口固定。即使乙個元素擁有滾動機制，背景也不會隨著元素的內容滾動。
10. overflow 樣式
overflow樣式的作用就是，乙個元素的內容太大而超出元素邊緣時，瀏覽器對超出部分的內容如何處理
（1）overflow：visible;（預設）超出部分正常顯示
（2）overflow: hidden; 超出部分隱藏
（3）overflow: scroll; 超出部分以滾動條顯示
（4）auto 自動適應
11. 復合樣式寫法
背景是復合屬性:
background: color image repeat attachment position/size；
如： background: red url(images/1.png) no-repeat scroll 20px 20px/30px 30px；
省略部分會被預設值替代,
position和size之間要用/分割
顏色 路徑 平鋪 依附 位置 / 尺寸css背景樣式css背景樣式
css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...
邊框樣式 背景樣式
1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表，hidden用於解決邊框衝突 solid 實線...
css div 文字樣式 背景樣式
序號 中文說明 標記語法備註1 行 間 距 2 文字修飾 3段首空格 4水平對齊 5 垂直對齊 6 書寫方式 1 行 間 距 line height 語法 作用 行與行之間的距離 說明 行間距離取值 不帶單位的數字 以1為基數，相當於比例關係的100 帶長度單位的數字 以具體的單位為準 比例關係 注...