最近看到乙個詞叫css reset。什麼叫做css reset呢?我理解為重置css,也就是重置預設樣式。我在html下的預設樣式
中講到,一些標籤元素在html下有乙個預設屬性值,我們在寫css頁面的時候,為了避免在css中重複定義它們,我們需要重置預設樣式(css reset)。
**(www.taobao.com
):html
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p,
blockquote, th, td
h1, h2, h3, h4, h4, h5
body
select
table
fieldset, img
fieldset
fieldset p
legend
address, caption, em, strong, th, i
table caption
hr ol, ul
caption, th
q:before, q:after, blockquote:before, blockquote:after
):(架構基本上是模仿yui來做的)
body
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset,
legend, input, textarea, select, button, th, td
h1, h2, h3, h4, h5, h6
table
input, select
button
th, em, strong, b, address, cite
li img, fieldset
ins
在《超越css》一書中建議我們做**開始重置所有預設樣式:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
h1,h2,h3,h4,h5,h6
ol,ul
address,caption,cite,code,dfn,em,strong,th,var
table
fieldset,img
caption,th
q:before,q:after
那我們實際寫**的時候該怎麼來css reset呢?
我個人推薦使用(eric
meyer
和yui
)的 css
reset
eric meyer's reset:
:focus
ins
del
table
yui:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
table
fieldset,img
address,caption,cite,code,dfn,em,strong,th,var
ol,ul
caption,th
h1,h2,h3,h4,h5,h6
q:before,q:after
abbr,acronym
HTML預設樣式重置
doctype html utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge default style title 表示所有元素 style head 一般開發都會先...
移動端頁面預設樣式重置
1.webkit tap highlight color webkit tap highlight color rgba 0,0,0,0 透明度設定為0,去掉點選鏈結和文字框物件時預設的灰色半透明復蓋層 ios 或者虛框 android webkit tap highlight color rgba...
CSS之清除預設樣式 樣式重置(reset)
不是讓預設樣式在所有瀏覽器下一致,而是減少預設樣式有可能帶來的問題 清除內外邊距 html,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,structural elements 結構元素 dl,dt,dd,ul,ol,li,list elements 列表元素 pre...