[css]浏览器默认样式

  chrome IE
<body>

margin: 8px

font-size: 16px

margin: 8px

font-size: 16px

<p>

margin-top: 1em

margin-bottom: 1em

font-size: 1em

margin-top: 1em

margin-bottom: 1em

font-size: 1em

<h1>

margin-top: 1.34em

margin-bottom: 1.34em

font-size: 2em

margin-top: 1.34em

margin-bottom: 1.34em

font-size: 2em

<h2>

margin-top: 1.245em

margin-bottom: 1.245em

font-size: 1.5em

margin-top: 1.245em

margin-bottom: 1.245em

font-size: 1.5em

<h3>

margin-top: 1.17em

margin-bottom: 1.17em

font-size: 1.17em

margin-top: 1.17em

margin-bottom: 1.17em

font-size: 1.17em

<h4>

margin-top: 1.33em

margin-bottom: 1.33em

font-size: 1em

margin-top: 1.33em

margin-bottom: 1.33em

font-size: 1em

<h5>

margin-top: 1.386em

margin-bottom: 1.386em

font-size: 0.83em

margin-top: 1.386em

margin-bottom: 1.386em

font-size: 0.83em

<h6>

margin-top: 1.7475em|1.56em

margin-bottom: 1.7475em|1.56em

font-size: 0.75em|0.67em

*以上之所以有两个值是因为chrome在h6的样式表现上有点怪异,当用户不设置父元素font-size,使用默认样式时,值取前者,否则取后者,后者和IE的值是相似的

margin-top: 1.5625em

margin-bottom: 1.5625em

font-size: 0.67em

<ul>

margin-top: 1em

margin-bottom: 1em

padding-left: 40px

font-size: 1em

margin-top: 1em

margin-bottom: 1em

padding-left: 40px

font-size: 1em

<li>

font-size: 1em

font-size: 1em

posted @ 2024-06-03 15:06  yiyide266  阅读(5)  评论(0编辑  收藏  举报