CSS樣式應用實驗總結
在Web開發中，CSS樣式是非常重要的一部分，用于美化網頁，提升用戶體驗。在本次實驗中，我們學習了如何應用CSS樣式到HTML網頁中，并實現了不同的效果。
1. 應用內聯樣式
這是應用內聯樣式的文本
內聯樣式可以直接寫在HTML元素的style屬性中，它的作用范圍僅限于該元素。
2. 應用內部樣式表
<head>
<style>
p { font-size: 20px; color: green; }
</style>
</head>
<body>
<p>這是應用內部樣式表的文本</p>
</body>內部樣式表寫在HTML文件的head標簽中，作用范圍可以是整個頁面或者某一部分。
3. 應用外部樣式表
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>這是應用外部樣式表的文本</p>
</body>/* style.css文件內容 */
p { font-size: 20px; color: blue; }外部樣式表寫在一個單獨的CSS文件中，然后通過link標簽鏈接到HTML文件中。它可以被多個HTML文件共享，提高代碼復用性。
4. 應用偽類和偽元素
<style>
p:hover { color: pink; }
p::after { content:" - 后綴"; }
</style>
<p>這是應用偽類和偽元素的文本</p>偽類和偽元素在選擇器后面加上冒號或雙冒號。偽類用于控制元素的狀態，如:hover表示鼠標懸停時的狀態；偽元素用于添加額外的樣式和內容，如::after表示在元素后添加一個內容。
通過本次實驗，我們掌握了CSS樣式的應用技巧，能夠靈活地創建出美觀的網頁界面。