豆瓣作為一個音樂、電影、書籍等文化領域的綜合性網站,其網頁的設計和排版十分重要。為了保證網頁的穩定性和美觀性,豆瓣推出了CSS設計指南,以下是該指南的部分內容:
/* 網頁主體內容 */ body { font-size: 14px; color: #333; line-height: 1.5; margin: 0; background: #fff; } /* 鏈接樣式 */ a { color: #333; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } /* 塊狀元素樣式 */ p { margin: 0 0 1.5em; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; } blockquote { margin: 0 0 1.5em; padding: 0 1.5em; border-left: 3px solid #e5e5e5; color: #666; } /* 表格樣式 */ table { border-collapse: collapse; width: 100%; margin-bottom: 1.5em; }
以上代碼中,body樣式定義了網頁的整體樣式,包括字體大小、顏色、行高等;a樣式定義了鏈接的基本樣式,包括顏色、下劃線和鼠標指針的樣式;p、h1到h6、blockquote樣式定義了文本的基本樣式,包括行距、邊距和邊框等;table樣式定義了表格的基本樣式,包括邊框合并、寬度和下邊距等。在實際開發過程中,可以根據需求進行修改和擴展。