摘要: 精灵技术本质 精灵技术是一种处理网页背景图像的方式,实质是将小的背景图片拼接到一张大的背景图像上。拼接成的大图被称为精灵图。浏览器打开网页时,每一个图片显示都是浏览器向服务器发送一次请求的结果,精灵技术是把多个小图片拼接为一个大图,有效减少了浏览器请求服务器的次数,与此同时也提高了页面的加载速度。 阅读全文
posted @ 2020-07-21 17:29 lmp5023 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-07-21 16:45 lmp5023 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 1.background-position 属性设置背景图像的起始位置。 2.background-size 规定背景图像的尺寸: 3.linear-gradient() 函数用于创建一个线性渐变的 "图像"。 4.Transform 属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放, 阅读全文
posted @ 2020-07-21 15:28 lmp5023 阅读(89) 评论(0) 推荐(0) 编辑
摘要: p~ul{ background:#8e8e8e;}<p>段落P</p><ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li></ul>p~ul选择前面有<p>元素的每个<ul>元素,即选择p之后出现的所有ul,两种元素必须拥有相同的父元素,但ul不必紧随p。 阅读全文
posted @ 2020-07-21 13:58 lmp5023 阅读(179) 评论(0) 推荐(0) 编辑