CSS（層疊樣式表）是一種用于改變HTML文檔外觀和布局的語言，它可以對HTML元素進行各種樣式設置。CSS與HTML是一種分離的、結構化的技術，在HTML中嵌入CSS樣式可以使HTML文檔呈現出更加美觀和符合用戶需求的視覺效果。
<head>
<style type="text/css">
/* 將H1元素的字體顏色設置為紅色 */
h1 {
color: #ff0000;
}
/* 將body元素的背景色設置為淺灰色 */
body {
background-color: #f4f4f4;
}
</style>
</head>以上代碼將在頭部的樣式區域中定義了兩個CSS樣式，分別是針對HTML中出現的H1和BODY元素的。其中，<style>標簽用于在HTML文檔中定義CSS樣式。定義樣式時需要使用CSS選擇器來定位需要改變樣式的HTML元素。例如，上述代碼中使用了“h1”選擇器，它表示需要對HTML文檔中的所有H1元素進行樣式設置。而“body”選擇器則針對了HTML文檔中的BODY元素。
在CSS樣式中可以定義許多屬性，如上述代碼中設置了H1元素的字體顏色為紅色，使用了CSS屬性“color: #ff0000;”進行樣式設置。同樣地，設置BODY元素的背景顏色為淺灰色，使用了CSS屬性“background-color: #f4f4f4;”。
當定義好CSS樣式后，就可以在HTML文檔中將其應用到指定的元素上。例如，在HTML中使用了<h1>標簽時，在HTML文檔中會應用之前定義好的H1樣式，從而將H1元素的字體顯示為紅色。<body>標簽同理，會使用之前定義的BODY樣式，將整個頁面的背景顏色設置為淺灰色。
上一篇css如何添加遮罩層
下一篇css如何添加div盒子