CSS的特性：繼承性、層疊性、優先級
優先級：寫css樣式的時候，會給同一個元素添加多個樣式，此時誰的權重搞就顯示誰的樣式。
!important >行內樣式>id>類>標簽>全局選擇器

隱藏元素的方法

display:none 元素在頁面上消失
opacity:0 設置了元素的透明度 占據頁面空間
visibility:hidden 讓元素消失，一種不可見的狀態，占據空間位置
position:absolute; 絕對定位，脫離文檔流，不占父級空間

px和rem的區別

px：相對單位長度，像素，顯示器上給我們呈現畫面的像素，每個像素大小一樣
rem:絕對單位長度，相對于html根節點的font-size值

重排和重繪

重排：對DOM的大小、位置修改后，布局引擎會重新計算盒模型在頁面上的位置和大小
重繪：對DOM的樣式進行修改，比如color、background-color,瀏覽器不需要重新計算幾何屬性的時候，直接繪制該元素的新樣式，那么這里就只觸發了重繪。

元素水平居中的方式

1.margin: auto
2.transform:translate 元素將在水平和垂直方向上各自移動其自身寬度和高度的50%的距離
3.flex布局 彈性布局

預處理器

預處理語言增加了變量、函數、混入等強大的功能 ，解決css代碼過長、重復的問題，書寫css更加方便。SASS、LESS
例如:都想用紅色，一個個改很麻煩，可以直接通過修改變量