设置div背景图片(急急急

设置div背景图片(急急急,第1张

这样设置div背景的写法是错误的,正确的写法应该是这样

css内嵌式写法:div{ background:url('的路径') }

css行内样式写法: style=“background:url('的路径')”

下面举例说明

步骤1:新建一个html页面,修改里面的代码,添加1个div标签,id为div1,同时准备2张作为背景图分别叫“01jpg”和“02jpg”,此时div1未设置背景图,在浏览器中显示为

步骤2:div1采用css内嵌式写法设置背景,代码及浏览器中显示的效果为

步骤3:div1换用css行内样式写法设置背景,代码及浏览器中显示的效果为

只要开发工程师将文件路径书写正确,即使不进行的合并,每张背景也能够正常加载。之所以要额外增加工作任务,进行背景图的合并,主要是为了降低“服务器请求压力”。

服务器请求压力

需要由客户端向服务端发出申请,再由服务器将发回。

并非所有的服务器请求都会造成服务器请求压力,服务器端能够同时处理的任务数量是一定的,当请求数量过多,超出了服务器能够同时处理的请求数量时,才会造成“服务器请求压力”。

在网站中的各个背景图,通常其大小并不大,每个文件发送的(从服务器端下载的客户端)时间并不多,但是“排队”的时间却有可能很长。当将多张背景图合并成一张或多张时,会减少客户端向服务器请求的次数,减轻了服务器的压力,这样能够使网页的加载速度加快,提升用户体验。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13106546.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存