使用background
指定背景颜色和background-Color
指定背景颜色有什么区别?
片段#1
body { background-color: blue; }
片段#2
body { background: blue; }
关于CSS性能:
background
vsbackground color
:
比较18个色板在页面上呈现100次为小矩形,一次带有背景,一次带有背景颜色。
虽然这些数字来自单页重新加载,但随着后续刷新,呈现时间会发生变化,但每次的百分比差异基本相同。
在Safari 7.0.1中使用背景色而不是背景色时,可以节省将近42.6ms,速度几乎是原来的两倍。Chrome 33似乎也差不多。
这真的让我大吃一惊,因为在最长的一段时间里,有两个原因:
背景时:#000
,他们真的看到了背景:#000无无重复顶部中心
。我在这里没有资源链接,但我记得在某个地方读过这篇文章
参考:https://github.com/mdo/css-perf#background-vs-background-color
背景
将取代之前所有的背景色
、背景图像
等规格。这基本上是一个速记,但也是一个重置。
我有时会使用它来覆盖模板自定义中以前的background
规范,其中我想要以下内容:
背景:白色url(images/image1.jpg)左上角重复
具体如下:
背景:黑色
所以,所有的参数(
background-Image
,background-place
,background-重复
)将重置为默认值。
假设这是两个不同的属性,在您的特定示例中,结果没有区别,因为background
实际上是
background-color
background-image
background-position
background-repeat
background-attachment
background-clip
background-origin
background-size
因此,除了背景色
,使用背景
速记,您还可以添加一个或多个值,而无需多次重复任何其他背景-*
属性。
选择哪一个基本上取决于你,但它也可能取决于你的样式声明的特定条件(例如,当从父元素继承其他相关的背景-*
属性时,如果你只需要覆盖背景-颜色
,或者,如果您需要删除除背景颜色
之外的所有值)。
背景色:rgb按照我的预期工作,但是背景:rgb填满了整个div。我看过的每个教程都告诉我,这两个基本相同,只是简写版可以有更多属性。 观看此视频以供参考。https://www.youtube.com/watch?v=10Q5D8kUMQo
下面的外部CSS页面示例中的快速简单问题; 我知道它们会影响不同的元素选择器,我的问题是使用背景和背景图像有什么区别?一方可以访问另一方的特定属性吗?谢谢你。
问题内容: 假设我要在CSS中渲染箭头,箭头应具有头部,尾部和灵活的宽度,以便可以包含文本。我当然可以创建多个div来获得所需的内容,但是如何在CSS3中完成呢? 我可以使用多个背景图片: 的HTML: 这给了我一个带有箭头和尾巴的透明中间部分。似乎不可能在中间部分指定颜色。 仅使用一张背景图像,您可以执行以下操作: 我知道这在很多方面都是可行的,但是背景颜色属性是否真的从速记定义中丢失了? 问题
在超文本标记语言中,我什么时候使用颜色,背景颜色和背景标签有什么区别? 有什么区别?
background(int $color, int $pattern = self::PATTERN_SOLID): self int $color $format = new \Vtiful\Kernel\Format($fileHandle); $backgroundStyle = $format->background( \Vtiful\Kernel\Format::COLO
我正在制作一个基于文本的游戏,用户输入文本来解决游戏。我决定使用JavaSwing来显示文本,我希望文本窗格的背景为黑色。我已经尝试了所有我发现的东西(注释掉了),但是没有一个看起来有效。 这里没有显示导入的图片,但是当我使用任何被注释掉的部分运行游戏时,游戏中没有错误。