CSS是一種層疊樣式表語言，它用于將樣式應用于HTML網頁。CSS具有非常廣泛的應用場景，不論你是想設計自己的網站，還是想成為一名Web開發人員，都需要掌握CSS。下面將為大家介紹一些CSS自學教程樣式表。

/* CSS樣式表的基礎語法 */
selector { property: value; }
/* 注釋：在CSS樣式表中，使用"/*"起始注釋，用于標記代碼的作用和意義 */
/* 以下是常用的屬性和值 */
color: red; /* 字體顏色 */
font-size: 20px; /* 字體大小 */
font-family: Arial, sans-serif; /* 字體類型，逗號分隔多個 */
line-height: 1.5; /* 行高 */
background-color: #fff; /* 背景顏色，#開頭為16進制顏色值 */
border: 1px solid #000; /* 邊框樣式，1px寬實線邊框，black邊框顏色 */
padding: 10px; /* 內邊距（padding指定的是元素內部的邊距） */
margin: 10px; /* 外邊距（margin指定的是元素與周圍元素之間的距離） */
width: 100px; /* 元素寬度 */
height: 100px; /* 元素高度 */
text-align: center; /* 文本對齊方式 */

除了上述常用的屬性和值外，CSS還有很多其他的屬性和值，需要根據實際需求來靈活使用。例如，在設計自己的網站時，可能需要使用@media來設置不同屏幕尺寸下的布局，這樣能夠使網站更加適配不同的設備。

/* 使用媒體查詢實現響應式布局 */
@media screen and (max-width: 480px) {
/* 當屏幕寬度小于等于480px時，應用下面的樣式 */
body {
font-size: 16px;
}
.header {
width: 100%;
height: 50px;
}
/* 根據需要定義其他元素的樣式 */
}

最后需要注意的是，學習CSS最好從基礎開始，逐步深入，不要貪多嚼不爛，否則反而會增加學習難度。同時，通過不斷地實踐和嘗試，才能真正掌握CSS的精髓。