html渲染過程

1．解析HTML文件，創建DOM樹 2．解析CSS,形成CSS對象模型 3．將CSS與DOM合併，構建渲染樹（renderingtree） 4．佈局和繪製 display:none: 隱藏元素，不佔網頁中的任何空間，讓這個元素徹底消失（看不見也摸不着）,由於會影響到網頁的空間，所以會引起一次重排和重繪。   visibility:hidden: 他是把那個層隱藏了，也就是你看不到它的內容但是它內容

>>阅读原文<<