今天我們要談論的是CSS手冊排版圖手繪。在我們學習CSS的過程中，經常需要使用參考手冊來查詢相關屬性和用法。但是，使用電腦上的參考手冊有時會讓我們感覺眼花繚亂，難以找到我們需要的內容。因此，我們可以自己手繪一張CSS手冊的排版圖，以便更快、更準確地找到需要的信息。

首先，我們需要一張A4大小的紙張和一支鉛筆。然后，我們可以從網上下載CSS屬性列表，把它們按照首字母排列，一行一行地寫在紙張上。注意要留出足夠的間隔，以便我們在以后填充其他的內容。

然后，我們可以把屬性名和其對應的取值進行配對，并把它們寫在一起。為了排版美觀，我們可以在屬性名和取值之間留出一定的間隔，并且用“:”號來分隔它們。同樣，為了方便使用，我們也可以按照首字母來對屬性名進行排列。

A
animation:
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
B
background:
background-color
background-image
background-repeat
background-position
background-size
background-clip
background-origin
background-attachment
C
color
cursor
D
display:
display
visibility
opacity
……

最后，我們應該在紙張的頂部和底部添加一些注解，以便更好地使用我們的排版圖。例如，我們可以在頂部寫上“CSS屬性排版圖”，以便用戶知道我們手繪的是什么內容。在底部，我們也可以添加一些其它的注釋或個人標志，以使我們的手繪圖更具個性。

使用手繪的CSS屬性排版圖，我們可以更加輕松、快速地找到我們需要的屬性取值。同時，這也是一種很好的練習，使我們對CSS的掌握更加牢固。