在進行CSS樣式書寫時,需要遵循一定的規則,以確保樣式能夠正確地生效。以下是一些基本的規則:
/* 1.樣式定義放入樣式塊中 */ <style> p { color: red; } </style> /* 2.樣式定義使用“屬性 : 值”格式 */ <style> p { color: red; font-size: 16px; } </style> /* 3.屬性和值之間用“:”號分隔 */ <style> p { color: red; font-size: 16px; line-height: 1.5; } </style> /* 4.多個樣式屬性之間用“;”號分隔 */ <style> p { color: red; font-size: 16px; line-height: 1.5; margin: 20px 0; } </style> /* 5.樣式名使用連字符“-”,避免使用駝峰命名法 */ <style> .content-box { background-color: #f5f5f5; padding: 20px; } </style> /* 6.用“{”和“}”包含樣式屬性 */ <style> h1 { font-size: 36px; color: #333; } p { font-size: 16px; color: #666; } </style>
以上是一些基本的CSS樣式書寫規則,遵循這些規則可以讓我們的樣式代碼更加規范和易于管理。