本文介紹如何使用CSS來改變HTML元素的樣式和布局。

/*樣式表的引入*/ 
<link rel="stylesheet" type="text/css" href="style.css">
/*修改HTML元素的背景顏色*/
body { 
background-color: gray;
}
/*修改HTML元素的字體和字號*/
h1 { 
font-family: Arial, sans-serif; 
font-size: 24px; 
}
/*修改HTML元素的邊框和內邊距*/
div { 
border: 1px solid black; 
padding: 10px; 
}
/*修改HTML的鏈接樣式*/
a { 
color: blue; 
text-decoration: none; 
}
/*修改HTML元素的位置和尺寸*/
img { 
position: relative; 
top: 20px; 
left: 10px; 
width: 200px; 
}

以上代碼是一個基本的CSS樣式表，它用來改變HTML元素的背景顏色、文字樣式和邊框、內邊距等。例如，我們通過body{}選擇器修改整個文檔的背景顏色為灰色；通過h1{}選擇器修改所有標題的字體為Arial、字號為24px。

在上述代碼中，也展示了如何通過選擇器、屬性和值來修改HTML元素的樣式。例如，通過div{}選擇器來修改div元素的邊框和內邊距；通過a{}選擇器來修改鏈接的顏色和去掉下劃線。此外，我們也可以通過position屬性來改變元素的位置，通過width和height屬性來改變元素的尺寸。

總之，CSS樣式表是一種可以用來更改HTML元素外觀和布局的強大工具。由于CSS具有可重用性和易維護性，我們可以將其應用于任何HTML文檔，從而提高文檔的可讀性和用戶體驗。