Css Reset(樣式復位)

2022-06-08 11:09:11 字數 1638 閱讀 1044

一些標籤元素在html下有乙個預設屬性值,我們在寫css頁面的時候,為了避免在css中重複定義它們,我們需要重置預設樣式(css reset)。每個人的用法和寫法都不一樣。一篇關於css reset的調查文章,

可以看看國外使用css reset的比例調查。

相信這一段你經常看到.而且也是我們經常用到的。

*這是作者當前比較鍾意的一種寫法.保證了相對普遍瀏覽器樣式的統一性.

* 其實這也是我們常用的一類css reset.對字型的大小復位,以及鏈結的邊框處理.

也經常在某些站點看到

html, body 

html 

body 

a img, :link img, :visited img 

作者認為shaun寫這類的css reset是有某種目的性.

而且這類規則是針對的是某些重要的常用瀏覽器.

比如ie,firefox等

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,     

form, fieldset, input, p, blockquote, table, th, td, embed, object 

table 

fieldset, img, abbr 

address, caption, cite, code, dfn, em,     

h1, h2, h3, h4, h5, h6, strong, th, var 

ul caption, th 

h1, h2, h3, h4, h5, h6 

q:before, q:after 

a, ins 

yahoo這幫傢伙寫的reset個人覺得可以推薦

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 

作者將erik meyer的**重新整理了.但功能上還是一樣的

這套css reset是業內是使用最多的 

/*remember to define focus styles! 

*/:focus 

body 

ol, ul 

/*tables still need cellspacing="0" in the markup 

*/table 

caption, th, td 

/*remove possible quote marks (") from &

*/blockquote:before, blockquote:after, q:before, q:after 

blockquote, q 

css reset 樣式重置

css reset的原因 大多數說的是因為相容性,但是 所謂相容性,我想,大多數人都是聽別人說的,不同瀏覽器下標籤的一些屬性有差異啊!我倒要問一問,哪些標籤的預設屬性在不同瀏覽器下有差異?您可以花點時間想想。我所知道的就是h1標籤的文字的大小,在有些瀏覽器下大些,有些小些 然後就是一些margin值...

CSS RESET 瀏覽器樣式重置

只要您的客戶存在使用不同瀏覽器 ie,firefox,chrome等 的可能,那你就不得不從完美的理想狀態回到現實,因為不同核心的瀏覽器對css的解析效果呈現各異,導致您所期望的效果跟瀏覽器的 理解 效果有偏差,今天提到的css reset就是用來重置 復位 元素在不同核心瀏覽器下的預設值,盡量保證...

CSS RESET 瀏覽器樣式重置

只要您的客戶存在使用不同瀏覽器 ie,firefox,chrome等 的可能,那你就不得不從完美的理想狀態回到現實,因為不同核心的瀏覽器對css的解析效果呈現各異,導致您所期望的效果跟瀏覽器的 理解 效果有偏差,今天提到的css reset就是用來重置 復位 元素在不同核心瀏覽器下的預設值,盡量保證...