4.display: none;與visibility: hidden;的區別

　　display: none;與visibility: hidden   功能：隱藏元素

　　區別：

　　　　1. display: none不佔位置，visibility: hidden佔位置。

　　　　原理：

　　　　　　display: none第一次不繪製

　　　　　　H+css =>合併(這裡不合並display:none)=>渲染 => 迴流(合併==>渲染)

　　　　　　visibility: hidden進行第一次繪製

　　　　　　H+css =>合併(這裡合併visibility: hidden)=>渲染 => 重繪(渲染)

　　　　2. display: none迴流和重繪 。 visibility: hidden重繪 【重點】

　　　　　　迴流:改變元素的大小位置影響到其他元素的 尺寸大小、位置（left、top）

　　　　　　重繪:不影響其他元素的 盒子font-size、background....

　　　　　　觸發迴流必定會觸發重繪

　　　　　　觸發重繪不一定會觸發迴流

5.position有哪些值?有什麼作用? 【特別多公司問】

　　static [預設]    沒有定位

　　fixed   相對於瀏覽器視窗

　　absolute  相對於第一個擁有relative的父元素的

　　relative  相對於自身

　　absolute和relative區別

　　　　1. relative不脫離文件流，absolute脫離文件流

　　　　2. relative只有倆個值(left、right、top、bottom如果同時存在left幹掉right，top幹掉bottom)

 　　　　absolute可以寫四個值

6.opacity 和 rgba區別 

opacity會繼承父元素的 opacity 屬性，而RGBA設定的元素的後代元素不會繼承不透明屬性。