CSS 樣式設計是網站設計中的關鍵內容，它可以讓網站變得富有美感和吸引力。在這篇文章中，我們將會簡單地介紹一些 CSS 樣表設計的基本知識。

/*指定網頁全局背景顏色*/
body {
background-color: #fff;
}
/*給標題設置樣式*/
h1 {
font-size: 36px;
color: #333;
font-family: 'Helvetica Neue', sans-serif;
}
/*設置導航欄樣式*/
nav {
background-color: #333;
padding: 10px;
color: #fff;
}
/*調整鏈接的樣式*/
a {
color: #333;
text-decoration: none;
}
/*設置網頁布局*/
.container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
/*給圖像添加樣式*/
img {
max-width: 100%;
height: auto;
display: block;
}
/*調整表單的樣式*/
form {
margin: 0;
padding: 0;
font-size: 16px;
font-family: sans-serif;
}
/*更好看的按鈕*/
.button {
background-color: #333;
color: #fff;
border: none;
padding: 12px 24px;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
}
/*響應式布局*/
@media screen and (max-width: 768px) {
.container {
max-width: 100%;
padding: 0;
}
nav {
padding: 6px;
}
}

在這些基本樣式中，您可以看到如何改變文本樣式、背景顏色、導航欄樣式、圖像大小等等。您可以根據自己的需求自由地改變顏色、字體、大小等屬性。

此外，響應式布局也是一項重要而有用的技術，它可以讓您的網站在不同的屏幕和設備上呈現出最佳效果。

希望這篇 CSS 樣表設計教程能夠為您提供一些有價值的信息，讓您的網站更加出色和引人注目。