我在哪里可以找到浏览器的HTML元素的默认CSS?
许多HTML元素都带有一些默认的CSS属性,这些属性有时会导致未知/不需要的行为.例如,输入框在不同浏览器中的显示方式不同.我正在寻找一个涵盖新CSS3属性和新HTML5元素的地方.
我已经在其他(更老的)问题(例如浏览器的默认CSS样式表)中看到了答案,这些答案提示了CSS重置的解决方案.这个解决方案有时候不需要,我常常想保留一些基本属性(例如Chrome中输入框的突出显示).换句话说:我不想因为我不知道他们做了什么而摆脱了.
那么,是否有一个网站可以提供所有这些信息(或者可能是大多数)?
我有一个简单的html页面,其中有一些风格,我不明白为什么增加一些上边距?
这是来源:
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
body {
margin: 0;
padding: 0;
background-color: #ffffcc;
}
#content {
width: 900px;
margin-left: auto;
margin-right: auto;
border: 0;
background-color: #ccccff;
}
</style>
</head>
<body>
<div id="content">
<div>
<ul>
<li><a href="./xxx.html">xxx</a>
</li>
<li><a href="./yyy.html">yyy</a>
</li>
<li><a href="./zzzz.html">zzz</a>
</li>
</ul>
</div>
</div>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
这是"烦人"的空间.

如果我添加"margin-top:0;" 这个空间已经消失了......但是在我明白为什么之前,我并不开心.
我有这个规则:
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px
}
Run Code Online (Sandbox Code Playgroud)
但我有选择和按钮的不同字体大小,然后是纯文本.
如果我想要一切相同的尺寸,我该怎么办?
问候
哈维
http://jsfiddle.net/CSS_Apprentice/ru8f6/
<div class="container">
<div id="header"></div>
<div id="content">
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<span class="stretch"></span>
</div>
<div id="footer"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
.container {
width: 100%;
height: 100%;
border: 1px solid black;
}
#header {
border: 1px solid black;
width: 100%;
height: 50px;
}
#content {
border: 2px solid #444;
height: 125px;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
padding-right: 25px;
padding-left: 25px;
}
#content > div {
border: 1px dashed black;
width: 100px;
height: 100px;
vertical-align: top; …Run Code Online (Sandbox Code Playgroud)