CSS通用代碼是編寫CSS樣式的基礎,因為它們可以應用于許多不同的元素和網頁。以下是一些常用的CSS通用代碼:
/* 設置網頁字體和背景顏色 */ body { font-family: Arial, sans-serif; color: #333; background-color: #fff; } /* 設置鏈接的樣式 */ a { color: #007bff; text-decoration: none; } /* 設置圖片大小和邊框 */ img { max-width: 100%; border: 1px solid #ccc; } /* 設置列表的樣式 */ ul, ol { margin: 0; padding: 0; list-style: none; } /* 設置表格的樣式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ccc; padding: 8px; } /* 設置段落的樣式 */ p { margin: 0; padding: 8px 0; line-height: 1.5; } /* 設置標題的樣式 */ h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; padding: 16px 0; } /* 設置按鈕的樣式 */ button { display: inline-block; padding: 8px 16px; font-size: 16px; border: none; background-color: #007bff; color: #fff; cursor: pointer; }
這些CSS通用代碼可以在不同的網站和頁面中重復使用,讓你的樣式保持一致和整潔。同時,你也可以按照需求對代碼進行修改和調整,以滿足特定的設計需求。