在網站開發中,CSS 是不可或缺的一部分。公共部分的 CSS 是一些常用的樣式,可以統一整個網站的風格和布局。下面是一些常用的公共部分 CSS 樣式舉例:
/* 重置樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* 文本樣式 */ body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; } /* 鏈接樣式 */ a { color: #007bff; text-decoration: none; transition: color 0.2s; } a:hover { color: #0056b3; } /* 列表樣式 */ ul, ol { list-style: none; } /* 盒子模型 */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* 響應式布局 */ @media screen and (max-width: 768px) { .container { max-width: 100%; padding: 0 10px; } }
這些樣式可以幫助開發者更快地構建網站,提高開發效率和統一風格。同時,這些樣式也可以根據實際情況進行定制和修改,以滿足不同網站的需求。