这样设置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行内样式写法设置背景,代码及浏览器中显示的效果为
只要开发工程师将文件路径书写正确,即使不进行的合并,每张背景也能够正常加载。之所以要额外增加工作任务,进行背景图的合并,主要是为了降低“服务器请求压力”。
服务器请求压力
需要由客户端向服务端发出申请,再由服务器将发回。
并非所有的服务器请求都会造成服务器请求压力,服务器端能够同时处理的任务数量是一定的,当请求数量过多,超出了服务器能够同时处理的请求数量时,才会造成“服务器请求压力”。
在网站中的各个背景图,通常其大小并不大,每个文件发送的(从服务器端下载的客户端)时间并不多,但是“排队”的时间却有可能很长。当将多张背景图合并成一张或多张时,会减少客户端向服务器请求的次数,减轻了服务器的压力,这样能够使网页的加载速度加快,提升用户体验。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)