1.css背景類樣式：
background-color 背景顏色
background-image 背景
background-repeat 背景的重複
repeat-y 只允許在y軸重複
repeat-x 只允許在x軸重複
no-repeat 不重複，只顯示一次
background-position 背景的定位
取值： 兩個，分別表示x和y方向。如果只寫乙個，則兩個值相等
例如：京東、** 五星好評
雪碧圖： 各個小圖示的集合，使用的目的是減少http的請求
background 是把上面所有的全部合在一起
background : color image repeat position
background-size 背景的大小
2.框模型：
任何乙個元素，都可以理解成乙個盒子，盒子是可以裝"東西"，裡面東西跟"盒子的包裝"有一定的空間，兩個盒子或者說多個盒子，盒子之間是不是有一定的"距離"(空間) 盒子模型的組成：
margin 外邊距 盒子與盒子之間的距離
border 邊框
padding 內邊距
content 內容
margin 合起來寫的屬性：
margin-top 上外邊距 margin-right 右外邊距 margin-bottom下外邊距 margin-left左外邊距
這四個屬性可以單獨的拿出來寫
border 邊框 合寫的屬性
border-color 顏色： border-top-color: ; border-left-color:border-style 樣式： 也分上下左右
border-width 寬度:也分上下左右 寫的時候不需要區分順序：例：border:1px solid red;
padding: 上右下左 對邊補齊
定義的width和height只是content部分
padding和border會把盒子撐大
盒子的大小 content+padding+border
3.css布局:
定位 : top,left,right,bottom 只有元素增加定位的情況下才會使用.
相對定位： relative 占有位置 以自己的左上角移動位置
絕對定位：absolute 不佔位置 1、若父級有定位，則以最近的父級左上角為準
2、若父級沒有定位，則以最近的文件左上角為準
固定定位：fixed 不佔位置 不管父級有沒有定位，只聽瀏覽器的以瀏覽器為準。
定位模式的轉換：當元素新增了絕對定位、相對定位和固定定位後，元素的模式會轉化為行內塊元素，可直接給寬高。
浮動：浮動分為兩種，左浮動 （float:left;）和右浮動(float:right;)。浮動會脫離文件流。浮動可以讓元素預設轉換為行內塊，元素的大小寬度取決於文字大小。
定位 與浮動
1 區塊浮動 絕對定位 脫離正常的文件流，相當於飄起來 向 飄起來，於是就有了float 1，div 是塊級元素，他會自動換行 2，對元素使用 float 浮動的話，他會自動的把定位方式變為 絕對定位 如果絕對定位之後，這個元素下面還有元素，會頂上去 注釋 正常情況下，按照上下的順序正常顯示，當浮動...
浮動與定位
浮動 浮動元素會以某種方式從文件的正常流中刪除，再按照屬性值移動到制定的位置，浮動元素從某種意義上來說自成一派，但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動，那麼必須為該元素宣告乙個寬度，否則，根據css規則，元素寬度近似為0，元素布局將會出現意想不到的結果。b.元素宣...
浮動與定位
1 元素的浮動屬性float的 基本的格式 選擇器一般他的值包過3個在內 屬性值 描述 left 元素會向左浮動 right 向右 none 不浮動 2 清除浮動 clear的屬性 選擇器屬性值 描述 left 不允許左側有浮動元素 清除左側浮動的影響 right 不允許右側有浮動元素 清除右側浮動...