大家知道css重置的技巧嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。
首先,很認真的告訴你,總是要重置某些分類。無論你是使用 Eric Meyer Reset、YUI Reset或者你自己編寫的重置代碼,只要使用就對了。
它能很簡單的移除所有元素的填充(padding)和邊距(margin):
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
Eric Meyer Reset和YUI Reset都是非常強大的,但是對於我而言,它們走的太遠了。我覺得你最終需要重置一切,然後重新定義所有元素的屬性。這就是為什麼Eric Meyer推薦更有效的使用(重置樣式表),而你不要只是使用他的重置樣式表,將它拖放到你的項目中。調整它(的重置樣式表),建立屬於自己的重置樣式 表。
噢,請停止使用:
* { margin: 0; padding: 0; }
花更多的時間去制作它,當你移除了填充(padding)你認為單選按鈕會發生什麼變化?表單元素有時能夠做些時髦的事情,所以最有效的方式就是將他們獨立。
相信大家已經學會css重置的技巧了吧!感謝大家對我們網站的支持!
相關推薦:
CSS文本折行的技巧