在網頁開發中，CSS是必不可少的一部分。為了使頁面展示出美觀的樣式，CSS文件需要被加載到HTML中。下面我們就來看一下元素加載CSS的原理。

首先，瀏覽器在加載HTML頁面時，會逐行解析代碼，當解析到<link>標簽時，就會去請求CSS文件。當CSS文件被請求回來后，瀏覽器就會根據CSS文件中的選擇器和樣式規則，對各個元素進行渲染，以展示出我們想要的樣式效果。

那么，元素加載CSS的具體流程是怎樣的呢？

.element {
background-color: #ff0000;
font-size: 16px;
}

上面是一個簡單的CSS樣式規則，其作用是給class為“element”的元素設置背景顏色為紅色，字體大小為16px。

當瀏覽器解析HTML代碼時，如果遇到<div class="element">這樣一個元素，就會將這個元素與CSS文件中的樣式規則進行匹配。

匹配成功后，瀏覽器就會將“背景顏色為紅色，字體大小為16px”這些樣式應用到該元素上。

當頁面中有多個元素都屬于.class1或.class2時，瀏覽器會依次將這些元素匹配到對應的樣式規則上，應用相應的樣式。

總而言之，元素加載CSS的原理就是通過匹配HTML元素與CSS文件中的樣式規則，使頁面呈現出我們想要的樣式效果。