雪碧图

本文探讨了雪碧图在网页设计中的应用,通过背景定位减少HTTP请求,提升加载速度。同时介绍了overflow、visibility与display属性的区别,及如何利用link标签加载不同类型的资源。

background-position(雪碧图)  

    我们的html和css中有三个属性可以向服务器发送请求(src、href、url)

 为什么使用雪碧图?

  因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来。

    overflow (超出)

  1、值hidden:超出就隐藏

  2、值scroll:出现滚动条

  visibility:hidden(可见的     消失但是占用位置)

  display:none;(消失但不占位置)

      title中的小图标

    我们需要借鉴link标签    (例如:<link  rel="shortcut icon" href="favicon.ico"/>)

  link标签的属性:rel、type、href

  rel是当前页面和url之间的关系  rel="stylesheet"

  type是资源文件的mine类型    (mime类型:客户端与服务器之间的信号,根据扩展名而定)

  例如:

    html文件的mime类型是text/html

    图片的mime类型是image/jpg

    css的mime类型text/css

    js的mime类型是text/Javascript

转载于:https://www.cnblogs.com/liancai001/p/9720842.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值