網頁設計是一門需要關注細節和視覺效果的學科。在 web 開發中，CSS 是一種用于控制網頁樣式的語言。以下是一些基本的 CSS 屬性。

/* 字體樣式 */
font-family: Arial, sans-serif; /* 字體族 */
font-size: 16px; /* 字體大小 */
font-weight: bold; /* 字體加粗 */
font-style: italic; /* 字體傾斜 */
color: #333; /* 字體顏色 */
/* 盒模型 */
width: 300px; /* 寬度 */
height: 200px; /* 高度 */
padding: 10px; /* 內邊距 */
border: 1px solid #ccc; /* 邊框 */
margin: 20px; /* 外邊距 */
/* 背景 */
background-color: #f8f8f8; /* 背景色 */
background-image: url(../images/bg.jpg); /* 背景圖片 */
background-repeat: no-repeat; /* 背景循環 */
background-size: cover; /* 背景大小 */
/* 布局 */
display: block; /* 塊級元素 */
display: inline-block; /* 行內塊級元素 */
float: left; /* 浮動 */
position: relative; /* 相對定位 */
position: absolute; /* 絕對定位 */
left: 100px; /* 相對/絕對定位左側距離 */
top: 50px; /* 相對/絕對定位頂部距離 */
/* 動畫 */
transition: all 0.3s ease-in-out; /* 過渡 */
transform: rotate(45deg); /* 旋轉 */
opacity: 0.5; /* 不透明度 */

以上是一些常用的 CSS 屬性，它們能夠讓我們控制網頁的樣式和布局，創造出豐富多彩的效果。在實際項目中，還有很多需要用到的屬性，需要我們不斷學習和實踐。