CSS是層疊樣式表：具有層疊性--->

  1 如果定義的樣式重複的話，會遵循就近原則的，那個樣式離結構近就執行那個樣式

  2 如果裡面的樣式不衝突的話，裡面的樣式也會得到執行，如下只有上面的顏色樣式不會得到執行，字型會得到執行

CSS繼承性：子標籤會繼承父標籤的某些樣式，如文字顏色和字號

  如下沒有給p標籤設定屬性，但是能夠繼承父親div的屬性

  以下這些屬性可以繼承父親的樣式屬性：text-,font-,line-,color 這些屬性可以繼承其他的不可以繼承

CSS優先順序：

  標籤選擇器(p{}) 權重為 0.0.0.1<偽類選擇器(:demo{})=類選擇器(.demo{}) 權重為 0.0.1.1<id選擇器（#demo{}）<在行內直接定義<color:orangle !important

  權重疊加： 如下圖最終顯示為blue

 合併表格邊框：

    border-collapse: collapse; //這個就是將表格邊框進行合併

  設定邊框為圓角：

   border-radius:10px;   //設定四個角為圓角的矩形    取該盒子 的寬度和高度的一半則會變成圓形，前提這個div盒子為正方形------------------------------>是按順時針進行遍歷的

 內邊距：就是內容和邊框的距離 padding

  ***padding:20px  //如果padding只寫一個值 則表示上下左右都為20px

  ***padding:10px 20px  //上下10px 左右20px

  ***padding:10px 20px 30px 40px  //上10px  右20px 下30px 左40px   就是順時針

   ***padding-left:20px;  //左內邊距20px

27號晚上

關於盒子（非常重要）：

  ***盒子裡面的文字的方位調整：text-align:center   //這樣盒子裡面的文字就能夠居中了

  ***設定盒子的位置 使用margin：10px auto   //這樣也可以設定盒子居中

  ***設定插入盒子圖片的大小 直接修改圖片的width height 因為插入的圖片也類似於一個盒子

  ***設定背景圖片的大小 只能用background-size:200px 200px ;

  ***更改圖片的位置 backgroun-position：30px 50px

  ***一般圖示的展示 使用的是背景圖片 商品展示的時候採用插入圖片

  ***一般我們插入背景圖片的語法格式是這樣子的 background:pink url(image/1.jpg) no-repeat;  //設定圖片不滾動

  盒子的計算屬性：

   ***盒子空間尺寸：width+border+padding+margin

   ***內盒尺寸：width+border+padding

  關於外邊距的塌陷的問題：

   解決方案有三種：1.設定邊框 防止孩子跑出去 2.設定padding：1px   3.overflow:hidden