優雅的設計 CSS 是讓你的網站看起來漂亮、易讀并且易于維護的關鍵。下面是一些優雅的 CSS 設計技巧:
/* 使用語義化的 HTML */ header, section, footer, aside, nav, main { display: block; } /* 在 HTML 中有效地使用 ID 和 Class */ #header { background-color: #333; color: #fff; } .article { font-size: 18px; line-height: 1.5; } /* 組織你的代碼 */ header { /* Logo */ } nav { /* 導航 */ } .main-content { /* 內容區域 */ } .footer { /* 頁腳 */ } /* 使用簡單的背景顏色和圖像 */ body { background-color: #f2f2f2; background-image: url('bg.png'); } /* 添加塊級別元素的邊框 */ img, blockquote { border: 1px solid #ccc; }
使用以上技巧可以幫助你創建出漂亮、優雅且易于維護的 CSS 代碼,令你的網站更加優雅和優美。