在CSS開發中,遵守標準是非常重要的。CSS標準模板就是一種被廣泛使用的標準代碼格式,它可以讓開發者在編寫代碼時更加標準化、規范化,有利于維護和開發。
/* CSS標準模板 */ /* 通用樣式 */ html, body { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; } /* 標準化樣式 */ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, dl, dt, dd, ol, ul, li, figure, figcaption, form, fieldset, legend, textarea, input, select, option, hr { margin: 0; padding: 0; border: 0; } /* 表單樣式 */ input[type="text"], input[type="password"], input[type="email"], textarea { border: 1px solid #ccc; outline: none; display: block; width: 100%; padding: 10px; margin-bottom: 10px; } input[type="submit"], button { display: inline-block; padding: 10px; background: #333; color: #fff; border: none; cursor: pointer; } /* 響應式樣式 */ @media screen and (max-width: 768px) { /* 在這里編寫針對小屏幕設備的樣式 */ } /* IE樣式 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 在這里編寫針對IE的樣式 */ }
這是一個基本的CSS標準模板,其中包含了通用樣式、標準化樣式、表單樣式、響應式樣式和IE樣式。在實際開發中,可以根據具體項目需求和開發者的自身經驗進行調整和優化。