當乙個瀏覽器在顯示文件的時候，需要將文件內容和樣式內容結合到一起，以此在
處理文件的時候包含兩個階段：
1、瀏覽器將html和css裝換為dom(document object model),dom在計算機內
存中表示文件，使得文件和css結合。
2、瀏覽器顯示dom的內容。
這也可解釋在編譯css採用外部引入方法時，元素方法要比中@import url()方式好。
這是因為在解析html文件時作為html標籤，計算機會解析其內部元素將@import url()解析，從而引入了css樣式，然而此時html中標籤元素不一定很快會解析出來。而在解析至link標籤中href屬性時，系統會識別出引入的css文件鏈結，而後跳過先解析其他元素，這樣待解析css文件時，html標籤元素都已解析。
dom簡介：
dom是乙個樹形結構，在html中的每乙個元素，屬性，甚至於文字都可以被轉換為dom中的乙個節點。每個節點在節點樹中都有對應的關係節點(比如父節點，兄弟節點)
瀏覽器是如何渲染頁面的
根據html檔案構造dom樹根據css檔案構造cssom樹。構建樹期間，如果遇到js，則阻塞dom樹和cssom樹的構建，優先載入js檔案，載入完畢後再繼續構建dom樹和cssom 樹。(js會對dom節點進行操作，瀏覽器無法**未來的dom節點的具體內容，為了防止無效操作，節省資源，只能阻塞dom樹的構建。譬如，若不阻塞dom樹的構建，若js刪除了某個dom節點a，那麼瀏覽器為構建此節點a花費的資源就是無效的。)
html 文件中的所有內容皆是節點，各節點之間擁有層級關係，如父子關係、兄弟關係等，彼此相連，構成dom樹。
css文件中，所有元素皆是節點，與html檔案中的標籤節點一一對應。css中各節點之間同樣擁有層級關係，如父子關係、兄弟關係等，彼此相連，構成cssom樹。
CSS的歷史與工作原理
1.瀏覽器的發展與css 網頁瀏覽器主要通過http協議連線網頁伺服器而取得網頁 http容許網頁瀏覽器送交資料到網頁伺服器並且獲取網頁。目前最常用的 http 是 http 1.1，這個協議在rfc2616中被完整定義。http 1.1 有其一套internet explorer並不完全支援的標準...
CSS的歷史與工作原理
1.瀏覽器的發展與css 網頁瀏覽器主要通過http協議連線網頁伺服器而取得網頁，http容許網頁瀏覽器送交資料到網頁伺服器並且獲取網頁。目前最常用的 http 是 http 1.1，這個協議在rfc2616中被完整定義。http 1.1 有其一套internet explorer並不完全支援的標準...
css讀書筆記2 css工作原理
css就是一種先選擇html元素，然後設定選中元素css屬性的機制。css選擇符合要應用的樣式構成一條css規則。1.行內樣式，直接寫在特定標籤的style屬性中 2.嵌入樣式，在head元素中嵌入，將css規則放入中 3.鏈結樣式，在元素中使用外部的樣式表，如 3種css樣式的優先順序 行內樣式 ...