在網頁開發中，常常需要使用到CSS屬性來控制網頁的樣式，而繁雜的CSS屬性和值會讓我們感到頭疼。為此，設計了CSS屬性速查手冊，可以一目了然地查看各種CSS屬性和值。

/* 顏色相關 */
color: #333; /* 設置字體顏色 */
background-color: #fff; /* 設置背景顏色 */
/* 字體相關 */
font-size: 16px; /* 設置字體大小 */
font-family: "Microsoft Yahei", Arial, sans-serif; /* 設置字體系列 */
text-align: center; /* 設置文本對齊方式 */
font-weight: bold; /* 設置字體粗細 */
/* 布局相關 */
display: block; /* 設置元素顯示方式為塊級元素 */
position: relative; /* 設置元素相對定位 */
float: left; /* 設置浮動方向為左邊 */
margin: 10px; /* 設置元素外邊距 */
padding: 10px; /* 設置元素內邊距 */
width: 200px; /* 設置元素寬度 */
height: 200px; /* 設置元素高度 */
/* 邊框相關 */
border: 1px solid #ccc; /* 設置元素邊框 */
border-radius: 5px; /* 設置元素圓角 */
/* 背景相關 */
background-image: url(images/bg.jpg); /* 設置背景圖片 */
background-repeat: no-repeat; /* 設置背景圖片不重復平鋪 */
background-size: cover; /* 設置背景圖片完全覆蓋元素 */
background-position: center center; /* 設置背景圖片位置 */
/* 動畫相關 */
animation: rotate 2s linear infinite; /* 設置元素旋轉動畫 */
/* 響應式布局相關 */
@media screen and (max-width: 768px) {
/* 在屏幕寬度小于等于768px時執行以下設置 */
}

在使用CSS屬性速查手冊的時候，可以根據需要快速查閱不同的屬性和值，提升我們開發效率和準確性。