3 背景属性 大多数HTML元素都允许控制背景，包括背景颜色、背景图像、背景重复、背景附件、背景位置等属性。常见的控制背景属性、值及描述如表2所示。 表2 CSS中常见的控制背景的属性 除了使用表6-2中提供的背景属性控制HTML元素的背景样式，也可以将其简化为使用一行代码解决。通过背景类中的bac ...
分类：
Web程序 时间：
2019-10-29 10:05:11
阅读次数：
101
一、CSS Sprite雪碧图使用场景 浏览器通常很快就可以将文本显示出来，但图像往往会减慢页面的加载速度。这一现象在移动端尤为明显，为了解决这个问题，可以将多个图像拼合成单个背景图像（sprite），再通过CSS控制具体显示图像的哪一部分。 CSS雪碧即CSS Sprite，也有称之为CSS精灵， ...
分类：
Web程序 时间：
2019-10-19 00:07:20
阅读次数：
108
精灵技术产生的背景 图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。 然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和 ...
分类：
Web程序 时间：
2019-10-16 19:42:06
阅读次数：
191
CSS函数（方法）参考 CSS函数用作各种CSS属性的值。 ...
分类：
Web程序 时间：
2019-09-23 12:03:41
阅读次数：
118
多背景图的设置 background-image:url(1.jpg),url(2.jpg); background-image:url(1.jpg) no-repeat center/auto 200px,url(2.jpg) no-repeat center/auto 300px ,...; 设 ...
分类：
其他好文 时间：
2019-09-07 12:26:52
阅读次数：
88
方法一： 预先设置好一个样式，当用到的时候，只需要给这个对象添加一个类名就行了。 eg: 方法二： 直接使用JS的元素属性style ...
分类：
Web程序 时间：
2019-08-29 19:56:32
阅读次数：
200
边框样式：border-width,边框的宽度 border-style,边框的外观 border-color,边框的颜色 背景样式：background-color,背景颜色 background,定义背景图像的路径，这样图片才能显示 background-reper,显示方式，例如纵向平铺、横向 ...
分类：
Web程序 时间：
2019-08-02 14:32:21
阅读次数：
112
CSS背景background的样式主要有以下几种： 1、背景的颜色：background-color 背景颜色可以写成十六进制的以#开头，还可以是rgb格式rgb(255.0.0)，还可以直接写成颜色的英文格式。 格式一：background-color:#fff; 格式二：background- ...
分类：
Web程序 时间：
2019-07-14 14:47:06
阅读次数：
112
background-image 属性可以设置背景图像。 背景图像可以填充整个页面的，也可以填写一部分。 background-image 属性的使用很简单：background-image:url(图片地址) 填充整个页面示例 填充部分元素示例 为某个元素设置CSS规则background-ima ...
分类：
Web程序 时间：
2019-06-06 14:06:21
阅读次数：
161
在很多网页设计中，很多人对于css的背景属性，只是停留在设置背景。今天我们来谈谈它的其他应用。比如背景的定位，它能实现很多翻转网页效果。background-position：指定背景图像的位置background-size指定背景图片的大小background-image指定要使用的一个或多个背景图像background-repeat指定如何重背景图像background-origin指定背景图
分类：
Web程序 时间：
2019-05-09 19:57:51
阅读次数：
149
