我避免將默認(rèn)值與以下重置代碼一起使用：margin:0px; and padding:0px;例如，下面的標(biāo)題標(biāo)簽的默認(rèn)邊距是多少？<h1>Header</h1>
3 回答
茅侃侃
TA貢獻1842條經(jīng)驗 獲得超21個贊
關(guān)于哪種瀏覽器，這是不同的，因此，如果要使用像素完美的設(shè)計，則可以將這些值“重置”為0（邊距和填充），然后自行設(shè)置。
“ CSS重置”在前端開發(fā)人員中非常常見，我使用的一個簡單示例就是：
html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;}
倚天杖
TA貢獻1828條經(jīng)驗 獲得超3個贊
你的問題：
不同的瀏覽器會有所不同。檢查每個瀏覽器的特定默認(rèn)樣式表以進行說明。
以Google Chrome為例，它是0.67em。
更好的解決方案？
要知道，如果您希望實現(xiàn)x瀏覽器的一致性，則必須使用CSS Reset。
最常見的是：
* { padding: 0; margin: 0; }
盡管存在其他（可能更好）。
大話西游666
TA貢獻1817條經(jīng)驗 獲得超14個贊
CSS規(guī)范具有內(nèi)容豐富的附錄D。HTML 4的默認(rèn)樣式表。
盡管內(nèi)容豐富，但仍顯示：
鼓勵開發(fā)人員在其實現(xiàn)中將其用作默認(rèn)樣式表。
在那里你可以找到
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
添加回答
舉報
0/150
提交
取消