CSS填充规则被忽略?

时间:2011-11-09 16:56:18

标签: html css

基本上当我尝试为TRBL定义不同的填充量时,规则会被忽略,但是当我只定义一个填充量时,规则就可以工作。

相关的html如下:

<div class="content">
<div class="contenttext">
    <h1>Hello.</h1>
    <p>Test text, needs more testing.</p>
</div>
</div>

CSS如下:

* 
{
margin: 0px;
padding: 0px;
}

body
{
font: normal 100% 'trebuchet ms', arial, sans-serif;
}

.content
{
background: #d9d5b7;
width: 100%;
height: 600px;
}

.contenttext
{
background: #FFFFFF;
width: 750px;
margin: 0 auto;
height: 500px;

padding: 25px;
}

.contenttext h1
{
font: bold 150% 'gothic century', arial, sans-serif;
color: #585858;

margin: 0px;
padding: 15px, 0px, 15px, 0px;
}

p
{
color: #707070;
}

来自Chrome的图片:

enter image description here

enter image description here

道歉,如果有一些非常基本的东西我在这里缺席,我只是开始使用xhtml / css而且说实话我发现它非常令人沮丧。

如果您需要完整的代码来确定问题,请尽快上传,我会尽快上传。

3 个答案:

答案 0 :(得分:6)

padding: 15px 0;

值之间没有逗号

更新:数字之间的空格和样式值中的px

答案 1 :(得分:2)

尝试删除多个填充值之间的逗号。

编辑:忽略那一秒钟,我看着镀铬的值,给我几分钟。

答案 2 :(得分:2)

屏幕截图似乎表明您在填充值之间包含了逗号:

padding: 15px, 0, 15px, 0;

不允许使用逗号。