作為前端開發者，CSS是必須掌握的技能之一。為了更好的學習和使用CSS，我們需要學習相關的手冊和規范。而對于手冊和規范來說，優雅的排版和美觀的圖片是必不可少的。

首先，我們來看一下手冊排版。手冊排版在內容傳遞的同時，需要保證信息的清晰明了。在實際編寫手冊時，我們需要使用一定的排版技巧來提高閱讀體驗，例如：

/*代碼片段*/
body {
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
color: #333;
margin: 0;
padding: 0;
}

代碼使用pre標簽來展示，這樣可以保證代碼的格式和排版，同時也更加易于閱讀。在手冊排版中，我們還需要注意字體的大小和行高的設置。這樣可以提高文章的可讀性和閱讀體驗。

其次，我們來看一下手帳中的圖片排版。手帳中的圖片需要既能展示信息，又要美觀。在排版圖片時，我們可以采用以下技巧：

/*圖片代碼*/
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

首先，我們需要為圖片設置一個最大寬度，這樣可以保證圖片不變形。其次，我們需要將圖片設置為塊級元素，并使用margin屬性來居中顯示。這樣可以使圖片更美觀，也更方便整理手帳。

總而言之，對于排版手冊和手帳中的圖片來說，我們需要學會一定的CSS技巧，來提高文章的閱讀體驗和美觀度。