您好,登錄后才能下訂單哦!
本篇內容主要講解“CSS的工作流程是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“CSS的工作流程是什么”吧!
從上面的頁面渲染流程可以知道瀏覽器在解析了HTML跟CSS之后便開始合并渲染,簡單來說就是繪制帶有樣式的HTML規則。
CSS的工作流程就是把CSS規則定義到DOM tree上。
HTML與CSS具體解析規則屬于編譯原理的內容,在這里就不作展開了。但是有在CSS工作的過程中有兩個詞值得注意的就是重排(reflow)跟重繪(repaint)。
重排:render tree的重新構建叫重排。也就是當頁面布局或者DOM元素的幾何屬性發生變化時,就會發生瀏覽器重排。以下5種情況便會引發瀏覽器回流:頁面渲染初始化;DOM元素的增刪;DOM元素的位置、尺寸以及引起尺寸變化的內容改變;resize事件發生時。
重繪:render tree中只影響外觀而不影響風格的屬性改變就叫重繪。例如color與background-color的改變。
到此,相信大家對“CSS的工作流程是什么”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。