分享一款用于网页背景粒子系统的JavaScript插件，支持鼠标控制的视差效果，适用于任何支持HTML5画布的浏览器。注意事项：v1.0.0以上版本支持js原生调用，不必依赖jquery。

在项目中，经常会碰到背景色不确定的场景，为了让内容文字足够清晰可见，文字和背景之间需要有足够的对比度。换句话说，当背景是深色时，文字为白色，当背景是浅色时，文字为黑色，就像这样：

css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像.主要属性有:background-color,background-image,background-repeat

背景图像可能是所有前端开发人员在我们的职业生涯中至少使用过几次的CSS属性之一。大多数人认为背景图片没有什么不寻常的，但是。。。。。。

在CSS中，可以使用background（背景）属性来添加图片，默认图片是向x轴和y轴重复。那么css如何将图片横向平铺？下面本篇文章就来给大家介绍一下使用CSS将图片横向平铺的方法，希望对大家有所帮助。

CSS Sprites是一种性能优化技术，一种网页图片应用处理方式：将多个图像组合成单个图像文件以在网站上使用的方法，以提高性能；也被称为css 精灵图。

有时项目中会遇到背景图固定，页面内容可以滚动，背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现，利用 background-attachment:fixed;

我们都知道可以用 CSS 给 background 添加背景色和背景图：那么可以给元素设置两个或者多个背景图吗？答案是可以

在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。您能够以像素或百分比规定尺寸。如果以百分比规定尺寸

你想实现动态视频作为背景的首页吗？来，一起来学习，本文将带你一起实现H5动态视频背景；首先网上找一段清晰的视频下载下来，最好是MP4格式的；

在我们平时的开发中会经常使用到背景图片，下面我这介绍的是Container通过BoxDecoration来设置的；Scaffold路由页面的骨架，我们在里面可以拼装出一个完整的路由页面

背景颜色background-color取值：合法的颜色值和transparent，注：背景颜色和背景图片，填充都是从边框开始；background-posion：x y,设定的值都是相对于浏览器，不是相对于容器，将背景图固定在网页某个位置，一直处于可视区域中

同一个标签可以同时设置背景颜色和背景图片，如果颜色和图片同时存在，那么图片会覆盖颜色，1.在CSS中有一个叫做background-position：属性，就是专门用来控制背景图片的位置2.格式：background-position:值1 值2；

文字带上渐变色，或者说让文字透出图片。这些效果 CSS 属性也可以完成。 使用 mix-blend-mode 能够轻易实现，我们只需要构造出黑色文字，白色底色的文字 div ，叠加上图片，再运用 mix-blend-mode 即可，简单原理如下：

外部的css样式为：cssText 属性，会把先前的 css 值全部给覆盖掉，为了保留先前其他的样式，可以把现有样式赋值给cssText，像比如要保留width属性，当然cssText也可以链式设置样式：