css中background的用法

使用背景属性作为背景。
使用颜色作为颜色。
将图像用于照片。
按位置使用。
使用重复重复。
通过攻击解决。
使用尺寸来确定尺寸。
多张壁纸以逗号分隔。
渐变使用线性渐变或径向渐变。
使用剪辑和源进行裁剪。
图像压缩可提高性能。
添加前缀是为了兼容旧版浏览器。

CSS中如何设置背景_渐变与多背景实现

说白了，背景层面和多视点上的 CSS 只是玩弄背景图像的一个技巧。
线性渐变和径向渐变可以惊人地完美结合，多种颜色叠加则更加神奇。

扩展一下，线性渐变的关键在于过渡点的方向和颜色——在我们去年跑的项目中，使用直线+4 5 度可以立即提高按钮的科技感，但颜色停止点以百分比为单位，就像线性渐变一样（直线，红色5 0%，蓝色1 00%），红蓝过渡更自然。
径向坡度需要控制形状和尺寸。
例如，径向渐变（下一个角中心的圆圈，红色，黄色）可以创建太阳光线的效果，但请注意，极端的角会产生更柔和的过渡。
在实施复杂条件时，课程定位和课程重复的配合尤为关键。
去年有一个案例，使用四个线性步骤进行模拟。
背景的大小设置为 5 像素 x 5 像素，以便背景图像不会使图像混乱。

我一开始以为多个网站加载速度很慢。
后来我发现只要板数不超过3 块，效果几乎可以忽略不计。
但当层数超过5 层时，就应该考虑使用CSS变量来统一管理颜色。
比如定义--primary-color:2 9 8 0b9 ，然后使用一个线性渐变(right, var(--primary-color), var(--secondary-color))，这样修改颜色的时候就不需要改很多代码了。

最后提醒一下，使用渐变时不要忘记兼容性。
Autofix 是标配，但有一个陷阱：在较低的 iOS 版本中硬件加速可能会失败。
建议做一下测试，先用@support not (transform:translate3 d(0, 0, 0)) 下来。

CSS样式更改篇——背景Background

那天我在一家咖啡厅，看着电脑屏幕上的网页设计稿，我突然意识到背景的颜色对我的心情有巨大的影响。
比如，上次我使用深蓝色背景的页面时，下午三点我仍然精力充沛；如果我把它改成浅灰色，我就会在四点钟开始感到昏昏欲睡。
这让我想起了CSS背景颜色中的RGBA值。
透明的颜色确实是个好东西。
记得去年冬天在杭州，我正在写一个产品展示页面。
背景为浅蓝色rgba颜色（0,0,2 5 5 ,0.1 ），具有透明遮罩效果。
顾客表示，看久了眼睛也不累。
当时我还检查了浏览器兼容性。
2 01 9 年，IE1 1 尚未添加前缀。
等等，还有一件事，背景图片的定位特别有趣。
我在南京制作一个活动页面，背景图片定位在5 0% 5 0%。
该图像位于页面的正中央。
在适应移动端的过程中，我意识到必须添加calc()函数，否则在iPhone 6 上就会偏移。
我突然想到，如何选择覆盖和包含在背景大小中，确实是一个技术活，而不是像背景颜色那么简单。