CSS指層疊樣式表（Cascading Style Sheets），它是一種用于定義HTML，XML及XHTML等文件頁面上的樣式的語言。

CSS的作用是結構與樣式分離，可以讓前端開發者將網頁內容和布局分開，使得內容更加清晰易懂，而且還可以提高頁面載入速度。

p {
color: red;
font-size: 16px;
}

在上面的代碼中，我們對p標簽進行了樣式設置，使其字體顏色為紅色，字體大小為16px。這個樣式規則遵循CSS的優先級規則，即“就近原則”。

CSS屬性值的優先級可以由以下幾個因素決定：

• 樣式規則的來源，即內聯樣式，嵌入樣式或外部樣式表。
• 樣式規則的特殊性，即指定的選擇器的類型、類別和數量。
• 樣式規則的順序，即樣式定義的順序。

在HTML文件中，CSS可以通過以下三種方式來定義：

• 內聯樣式：直接在HTML元素上使用style屬性設置樣式。
• 嵌入樣式：使用style標簽將樣式規則放在HTML文件的頭部中。
• 外部樣式表：在HTML文件外部使用link標簽引入一個CSS文件。

h1 {
margin: 10px;
border: 1px solid black;
text-align: center;
}

上面的代碼示例是一個CSS樣式的典型應用，我們對h1標簽進行了樣式的設置，包括設置margin、border和text-align等屬性。這些屬性可以使得頁面更好看，更加美觀。

CSS是前端開發中不可或缺的一部分，通過對頁面樣式的控制，可以使得頁面更加易讀，更加美觀，用戶體驗也會有所提高。