商城网站模板更改之图标设置(复习CSS精灵图片使用方法)相对定位!

2019年12月16日18:45:23 发表评论

在调试商城网站客服功能时忽然发现自己忘了CSS相对定位的使用方法,并且不会使用精灵图片这一使用方法。这是真的尴尬了,为了将网站给达到我心目中的样子,所以只能自己又去慢慢学习了。

商城网站模板更改之图标设置(复习CSS精灵图片使用方法)相对定位!

CSS之相对定位

精灵图片的使用方法我是直接百度的,在更改网站的一些图片、图标时需要用到,另外就是网站模板太大众化了,所以只能慢慢去修改掉网站的一些代码参数,就比如说:颜色等。

精灵图片的使用步骤及要点-简化:

需要用到CSS中两个与背景图片有关的属性

background-image: url("图片地址");

background-position: x坐标 y坐标;

精灵图片的使用难点在于如何在这一张图片中定位到我们需要的部分,首先我们需要理解三个坐标:浏览器坐标、组件坐标、图片坐标,每个组件都有自己的坐标点,左上角为原点,往上y值为负数,越来越小;往左x为负数,越来越小。

这是我百度出来的方法,不过我需要的就上面这点,能理解就行了,我不需要去复制所有的文章,毕竟以前老师是教过的,只需要复习一下即可。

  • 百世小王
  • 这是我的微信
  • weinxin
  • 米格云
  • 我的微信公众号
  • weinxin
辉腾小王

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: