重置默認(rèn)樣式 css reset第1/2頁(yè)
更新時(shí)間:2008年11月18日 13:41:13 作者:
最近看到一個(gè)詞叫css reset。什么叫做css reset呢?我理解為重置css,也就是重置默認(rèn)樣式。
我在HTML下的默認(rèn)樣式中講到,一些標(biāo)簽元素在HTML下有一個(gè)默認(rèn)屬性值,我們?cè)趯?xiě)css頁(yè)面的時(shí)候,為了避免在css中重復(fù)定義它們,我們需要重置默認(rèn)樣式(css reset)。每個(gè)人的用法和寫(xiě)法都不一樣。找到一篇關(guān)于css reset的調(diào)查文章, 可以看看國(guó)外使用css reset的比例調(diào)查。
這里有一篇總結(jié)css reset比較全面的文章,列舉了多種css reset的寫(xiě)法,可以看看。
譯文地址查看
原文地址查看
接下來(lái)我也查看了國(guó)內(nèi)的兩個(gè)網(wǎng)站,用Firebug按F12看看他們的css reset怎么寫(xiě)的?
淘寶(www.taobao.com):
html {
overflow-x:auto;
overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
padding:0 10px;
text-align:left;
}
select {
font-size:12px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:0;
padding:0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E4E4E4;
border-width:1px 0;
clear:both;
height:2px;
margin:5px 0;
overflow:hidden;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}
這里有一篇總結(jié)css reset比較全面的文章,列舉了多種css reset的寫(xiě)法,可以看看。 譯文地址查看
原文地址查看
接下來(lái)我也查看了國(guó)內(nèi)的兩個(gè)網(wǎng)站,用Firebug按F12看看他們的css reset怎么寫(xiě)的?
淘寶(www.taobao.com):
html {
overflow-x:auto;
overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
padding:0 10px;
text-align:left;
}
select {
font-size:12px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:0;
padding:0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E4E4E4;
border-width:1px 0;
clear:both;
height:2px;
margin:5px 0;
overflow:hidden;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}
相關(guān)文章
手機(jī)屏幕尺寸測(cè)試——手機(jī)的實(shí)際顯示頁(yè)面的寬度
本文主要通過(guò)測(cè)試,得出手機(jī)端網(wǎng)頁(yè)實(shí)際顯示的寬度,給開(kāi)發(fā)人員在做手機(jī)端開(kāi)發(fā)的時(shí)候做一些參考,希望能幫到大家。2016-04-04
用戶(hù)體驗(yàn)第一 font-size放棄px選擇em
2008-01-01
Css利用js的expression實(shí)現(xiàn)的效果
Css利用js的expression實(shí)現(xiàn)的效果...2007-02-02
多中語(yǔ)言實(shí)現(xiàn)判斷客戶(hù)訪(fǎng)問(wèn)用得是那個(gè)域名 然后轉(zhuǎn)到對(duì)應(yīng)的目錄
多中語(yǔ)言實(shí)現(xiàn)判斷客戶(hù)訪(fǎng)問(wèn)用得是那個(gè)域名 然后轉(zhuǎn)到對(duì)應(yīng)的目錄...2007-05-05
多瀏覽器下IE6 IE7 firefox li 間距問(wèn)題
多瀏覽器下IE6 IE7 firefox li 間距問(wèn)題...2007-11-11
DIV+CSS 滑動(dòng)門(mén)技術(shù)的簡(jiǎn)單例子
DIV+CSS 滑動(dòng)門(mén)技術(shù)的簡(jiǎn)單例子...2007-03-03
scrollWidth,clientWidth與offsetWidth的區(qū)別
scrollWidth,clientWidth與offsetWidth的區(qū)別...2007-08-08

