CSS填充和边距不起作用

CSS填充和边距不起作用,css,Css,我对以下代码有问题。我无法从顶部向下填充徽标(x12creatiΩns)。我已经尝试了上面提到的top:10px,但是没有任何效果 HTML 因为a是一个内联元素,所以必须添加display:block然后您可以添加边距和填充 因为a是一个内联元素,所以必须添加display:block然后您可以添加边距和填充 试着脱下a 像这样 #logo:hover{} 或者如果你需要访问锚,试试这个 #logo a:hover{} 试着脱下a 像这样 #logo:hover{} 或者如果你需要访问锚

我对以下代码有问题。我无法从顶部向下填充徽标(x12creatiΩns)。我已经尝试了上面提到的
top:10px
,但是没有任何效果

HTML
因为
a
是一个内联元素,所以必须添加
display:block然后您可以添加边距和填充

因为
a
是一个内联元素,所以必须添加
display:block然后您可以添加边距和填充

试着脱下
a

像这样

#logo:hover{}
或者如果你需要访问锚,试试这个

#logo a:hover{}

试着脱下
a

像这样

#logo:hover{}
或者如果你需要访问锚,试试这个

#logo a:hover{}

display:inline block
添加到
a#logo
——然后可以使用边距/填充

a#logo {
    text-decoration: none;
    color: black;
    display: inline-block;
    margin-top: 20px
}

display:inline block
添加到
a#logo
——然后可以使用边距/填充

a#logo {
    text-decoration: none;
    color: black;
    display: inline-block;
    margin-top: 20px
}

display:inline block
添加到您的
span#logo
声明中,只需添加一些上边距就可以了。而且,你重复你的“logo”ID两次;一旦进入
span
标签,再进入logo
a
标签,这将无法验证。

显示:内联块
添加到
span#logo
声明中,只需添加一些上边距,就可以了。而且,你重复你的“logo”ID两次;一旦进入
span
标记,再进入logo
a
标记,这将无法验证。

错误-内联元素可以有填充,并且此处没有任何边距。当然,内联元素可以有填充,但不会占用更多空间。除非有背景或边界,否则无法注意到。如果您计划使用填充来移动内联元素的感知位置,那么它将不起作用。错误-内联元素可以使用填充,并且此处没有应用任何边距。当然,内联元素可以使用填充,但不会占用更多空间。除非有背景或边界,否则无法注意到。如果您计划使用填充来移动内联元素的感知位置,那么它不会起作用。最好使用类而不是ID。如果您要为特定的div使用Javascript,则只能使用ID。对于您的问题,您还可以将徽标放置在div中,为div指定特定的宽度和高度,并更改边距。@45808:虽然您的注释没有错误,但它肯定太宽,可能会产生误导。使用
id
而不是
class
getElementById
的便利性无关(假设这正是您所指的)。@45808:违背了在CSS中使用id选择器的目的,不是吗?最好使用类而不是id。如果您要为特定的div使用Javascript,则只能使用ID。对于您的问题,您还可以将徽标放置在div中,为div指定特定的宽度和高度,并更改边距。@45808:虽然您的注释没有错误,但它肯定太宽,可能会产生误导。使用
id
而不是
class
getElementById
的便利性无关(假设你指的就是这个)。@45808:违背了在CSS中使用id选择器的目的,不是吗?