當我們在編寫網頁時,常常會遇到樣式沖突的問題。這時候就需要清除原有的CSS樣式,重新定義樣式,避免網頁樣式混亂。以下是一些常用的清除CSS樣式的代碼:
/* 清除所有樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* 清除文本樣式 */ p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } /* 清除表單樣式 */ input, textarea, select { margin: 0; padding: 0; border: none; outline: none; font-size: inherit; font-weight: inherit; line-height: inherit; } /* 清除超鏈接樣式 */ a { text-decoration: none; color: inherit; }
以上代碼中,*
選擇器表示清除所有元素的樣式,p, h1, h2, h3, h4, h5, h6
選擇器表示清除文本樣式,input, textarea, select
選擇器表示清除表單元素樣式,a
選擇器表示清除超鏈接樣式。
使用這些代碼可以有效地清除原有CSS樣式,避免樣式沖突,讓網頁更加美觀、清晰。
上一篇html和css的樣式
下一篇css里的focus