我如何开始在网站的CSS

确切顶我试图显示在网页的顶部的一栏，但栏上出现约5 PX空的地方，左，右页的两侧。图像是1条黑线，我想从左到右重复。我该如何解决它？我如何开始在网站的CSS

 ul.postinge 
     { 
     width:auto; 
     position:relative; 
     margin:0cm 0cm 0cm 0 cm; 
     display:block; 
     height:105px; 
     background:url(images/bar.jpg) repeat-x top left; 
     }

感谢

来源

2011-08-16 user893970

很多浏览器都有默认情况下，body元素的边距。当你添加'body {margin：0}'时会发生什么？（另外，当你将margin设置为0时，你不需要把单位设置为cm） – sdleihssirhc

在某些浏览器的body和或html元件具有边缘或填充。许多有经验的CSS开发人员使用CSS复位，但你应该需要的是：

html, body 
{ 
    margin: 0; 
    padding: 0; 
}

我通常不鼓励人们使用预建的CSS重置，因为我相信有一个什么样的风格很好地理解它更重要的是设置和为什么。这就是说，重新使用核心样式表重置样式到特定于场地的格式是的一个好主意。

话虽这么说，你是容易跨越过来：

* 
{ 
    margin: 0; 
    padding: 0; 
}

这可以在这种特殊情况下帮助，但是你可能会遇到通过使用涉及表单和表意外问题这种“简单”的风格。

来源

2011-08-16 18:17:26 zzzzBov

顺便说一下，star（*）在这里意味着什么？ – user893970

@zzzzBov：在什么浏览器'HTML'有填充/边距？ – PeeHaa

'*'是一个通配符 –

body { margin: 0; padding: 0; }

另外：

margin:0cm 0cm 0cm 0 cm;

是我们真正厘米测量？
也注意到最后0

ul.postinge { width: auto; position: relative; margin: 0; padding: 0; display: block; height: 105px; background: url('images/bar.jpg') repeat-x top left; }

来源

2011-08-16 18:16:48 PeeHaa

@zzzzBov：感谢您的标记帮助 – PeeHaa

后的额外空间使用CSS复位这样的：你需要重新设置body标签http://developer.yahoo.com/yui/reset/

：

body {margin:0;padding:0}

使用重置将允许您“归一化”您的列表的边距和填充以及其他事物

来源

2011-08-16 18:17:06

添加这种风格在乌拉圭回合的CSS

*{margin:0; padding:0;}

你必须这样做，因为每一个元素都有其默认margin和padding。通过这样做，您可以将所有元素的默认填充和边距设置为零。

来源

2011-08-16 18:18:54 mysterious

同别人讲话，只是我想补充的是list-style和border其他的好东西重置了。一般来说，除非你特别指定它们，否则永远不需要任何东西

* { margin: 0; padding: 0; list-style: none; border: none; }

*做什么，是它的一个通配符是影响页面上的所有元素。它可以在更具体的情况下使用为好，例如：如果你有容器的container一个id你可以把其中的所有元素有一个红色的边框用下面的代码：

#container * { 
    border: 1px solid #F00; 
}

来源

2011-08-16 18:25:41

我如何开始在网站的CSS

回答

相关问题