>###一 背景 #####1 背景重復 background-repeat:no-repeat|repeat-x|repeat-y #####2 背景位置簡寫 background-position-x:橫坐標方向的位置 background-position-y:縱坐標方向的位置 簡寫background-position: x y; 傳參 top,right,bottom,left,center #####3 背景簡寫 background:color image repeat position 背景顏色 ~圖片 ~圖片樣式 ~圖片的位置 #####4 背景吸附 - background-attachment:scroll|fixed; scroll背景可以隨屏幕滾動相對位置不變 fixed絕對位置不能變 #####5背景大小 background-size:x y; x -->width y -->height cover -->會覆蓋整個div 特點:只能以大覆小 >###二. 文本屬性 ##### 1.文本對齊 text-align:left|center|right #####2. 文本修飾 text-decoration:none|underline|overline|line-through #####3.文本縮進 text-indent #####4.文本轉換 text-transfomr:uppercase|lowercase|capitalize - lorem+tab 快速寫出一段廢話 >###三 字體屬性 #####1 字體大小 font-size：+字體大小 - 最小的字體-->不要小于12px ##### 2 字體樣式 font-style:normal|italic #####3 字體的權重 font-weight:bold|bolder|lighter 100-900 >四. 表格 #####1.跨度 rowspan=" " 跨行 colspan=" " 跨列 #####2.輪廓 input{ margin-top: 50px; outline: none;不為空選中會有輪廓效果； } ####3.透明度 opacity設置元素的透明度 #####4.表格折疊 border-collapse: collapse;重復折疊 >繼承 - 特殊 父元素不設置height,它會獲取 子元素的height 一般都是子繼承父 >鏈接 #####1 訪問效果 ~~~ link -->沒有訪問的鏈接 visited -->已經訪問過的鏈接 hover -->鼠標移入到鏈接上的狀態 active -->鼠標點擊的那一刻 tip:同時使用鏈接的這幾種狀態,順序不打亂 ~~~ #####2鏈接各種效果 - 清除下劃線 text-decoration：none - 顏色 直接設置 >列表（樣式是瀏覽器給的如果在邊緣要加一個外邊框）  - 列表樣式 list-style:none; - 列表樣式類型 list-style-type:disc點|circle圓|square - 列表樣式圖片 list-style-image