CSS（層疊樣式表）是網站開發中必不可少的一部分，通過為HTML文檔添加樣式，可以美化頁面、布局排版、增強交互體驗等等。下面是一份CSS樣式入門教程，適合初學者入門學習。
1.在HTML文檔頭部添加CSS標簽，如下
<head> <title> My Website </title> <link rel="stylesheet" href="style.css"> </head>
其中<link>標簽的rel屬性為"stylesheet"，href屬性為樣式文件的路徑，我們可以在新建一個style.css文件，并在其中編寫樣式代碼。
2.選擇器
/* 通過元素選擇器選擇元素 */
p {
font-size: 20px;
color: green;
}
/* 通過類選擇器選擇元素 */
.class-name {
background-color: blue;
}
/* 通過ID選擇器選擇元素 */
#id-name {
border: 1px solid black;
}3.屬性和值
/* 設置元素的文字顏色為紅色 */ color: red; /* 設置元素的字體大小為20像素 */ font-size: 20px; /* 設置元素的背景顏色為藍色 */ background-color: blue; /* 設置元素的邊框粗細、樣式和顏色 */ border: 2px solid black; /* 設置元素的寬度和高度 */ width: 200px; height: 100px; /* 設置元素的位置 */ position: absolute; top: 50px; left: 100px; /* 設置元素的透明度 */ opacity: 0.5;
4.樣式繼承
/* 父元素樣式 */
.parent {
font-size: 20px;
color: red;
}
/* 子元素繼承父元素樣式 */
.child {
font-size: inherit;
color: inherit;
}5.盒模型
/* 設置元素的內邊距、外邊距 */ padding: 10px; margin: 20px; /* 設置元素的邊框外寬度 */ box-sizing: border-box;
通過以上的簡單學習，我們可以為網站添加更加個性化的CSS樣式，進一步提升網站的用戶體驗。希望本篇CSS樣式入門教程對您有所幫助。
上一篇css打開字體大小
下一篇css擴展語言都有哪些