CSS 表示法教學視頻是一種非常有用的工具，它可以幫助學生更好地了解和掌握 CSS 表示法的使用方法。下面我們將看到一些常見的 CSS 表示法及其用法。

.box {
width: 200px;
height: 200px;
background-color: #ccc;
border: 1px solid black;
}

上面的例子演示了如何使用 CSS 表示法來定義一個具有寬度、高度、背景顏色和邊框的盒子。其中，width 和 height 屬性用來定義元素的寬度和高度，background-color 屬性用來定義元素的背景顏色，而 border 屬性則表示元素的邊框。

h1 {
font-family: Arial, sans-serif;
font-size: 28px;
font-weight: bold;
color: #333;
text-align: center;
}

上面的例子展示了如何使用 CSS 表示法來定義一個標題的樣式。其中，font-family 屬性用來指定字體，font-size 屬性用來定義字體大小，font-weight 屬性用來定義字體粗細，color 屬性則表示文字顏色，而 text-align 屬性則決定文本居中。

a {
color: blue;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: red;
text-decoration: underline;
}

上面的例子展示了如何使用 CSS 表示法來定義鏈接的樣式。其中，a 表示鏈接元素本身，color 屬性用來定義鏈接的顏色，text-decoration 屬性用來去除鏈接下劃線，而 font-weight 屬性則用來加粗鏈接文字。而 a:hover 則表示當鼠標指向鏈接時，鏈接元素的樣式會發生變化，其 color 屬性變為紅色，text-decoration 屬性則會加上下劃線。

通過以上示例，我們可以看到 CSS 表示法的靈活性和強大性。掌握好這些常用的 CSS 表示法，可以幫助我們更好地設計和布局網頁。