重置預設樣式

2022-03-07 09:38:45 字數 1801 閱讀 7083

最近看到乙個詞叫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...