什么是'ua.css',为什么某些css属性可以在inspector中展开?

什么是'ua.css',为什么某些css属性可以在inspector中展开?,css,Css,我在Firebug工具上遇到了问题。你可以看到这张照片。我把它拖走了。。它是从哪里来的?还有一个想法,如果我只写一些css,它会扩展很多。。像 h2 { padding: 20px } 但是当我试图复制我的css样式时 `h2 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-right: 20px position: 0 0; } 请帮帮我 CSS具有用于为元素的每一侧指定填充的属性: 垫面 右边

我在Firebug工具上遇到了问题。你可以看到这张照片。我把它拖走了。。它是从哪里来的?还有一个想法,如果我只写一些css,它会扩展很多。。像

h2 {
padding: 20px
}
但是当我试图复制我的css样式时

`h2 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-right: 20px
position: 0 0;
}
请帮帮我


CSS具有用于为元素的每一侧指定填充的属性:

垫面 右边距 底部间隙 左侧填充

因此,您必须使用速记css,如:

h2 {
    padding: 50px 30px 50px 80px;
}
或者您可以通过名称单独指定,如

h2
{
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}

希望它对您有用:)

它们不是bug,而是特性,宝贝

  • ua.css
    代表用户代理css,在浏览器内部使用。你需要一个新的方法来覆盖它

  • 在“样式检查器”中,可以展开“所有”以查看它们所代表的每个特性


  • 补充说明:在过去的一年中,Firefox在(网络)开发工具方面落后于Chrome。他们最近的大部分增强功能都是在Chrome开发工具最初使用该功能之后实现的,它们在Firefox中的外观和感觉都惊人地相似。
    例如,在本文撰写之际,Chrome开发工具目前提供了一个
    cubic-bezier()
    viewer,这在Firefox中还不可用。我希望在接下来的几个月里,Firefox开发工具中会出现一个

    仅出于开发目的,我建议使用Chrome,至少目前是这样



    请注意,上述说明并不意味着我不欣赏作为资源的非凡努力和质量,我强烈推荐。它对web开发是一个难以置信的帮助,并且已经成为web标准信息的可靠来源。

    这是正确的。或者您可以指定特定的填充,例如padding left或任何您想要的填充:20px实际上是在所有4个边(顶部、左侧、右侧、底部)上填充。与您发布的“扩展”版本一样,请给问题一个描述性标题。
    ua.css
    。是浏览器本身的样式表。你可以看到它的副本。作为参考,@JaredFarrish的评论提到了最初的问题标题:“我无法修复那是什么”,我用一个更具描述性的标题替换了它。。。。或者,您可以将每个顶部指定为右侧,例如
    h2{padding:10px 20px;}
    ,这实际上是
    padding:10px 20px 10px 20px
    ,或者
    padding:12px 8px 15px,它将是
    12px 8px 15px 8px
    padding:10px
    只是一个填充过程,用于任何其他尚未设置的属性设置。是的,你是对的。但几天前,当我填充top:20px时;左侧填充:20px;垫底:20px;当时firebug像填充一样排列代码:20px 20px 20px;这是速记属性,所以当我使用速记属性时,它们是不允许的。。为什么。。