background 与 background-image

ops/2024/10/11 0:01:56/
htmledit_views">

相同点:background 与 background-image都可以用于设置背景图

区别. background可以用于设置背景图, 又可以用于设置CSS样式,可以用于设置背景属性。 background-image只能用于设置背景图

background能设置的背景属性,如下:

  • background-color
  • background-position
  • background-size
  • background-repeat
  • background-origin
  • background-clip
  • background-attachment
  • background-image

在这里插入图片描述

svg和icon-font的区别:
1.icon-font用文字渲染,只支持单色。相对简单。
2.svg支持多色,不失真。制作相对难一点。

京东: logo是用png作为background。小图标有用图片也有用svg或者icon-font。
淘宝: logo是用png作为background。小图标都是用icon-font。淘宝有自己的icon-font库。没有找到用svg的,可能觉得用icon-font就足够了。
优酷: logo是用png作为background。小图标用svg。
爱奇艺: logo是用svg作为background。小图标用svg做background。
抖音:为文内增加标题,这里将生成目录 logo是用svg作为background。小图标有用svg和精灵图做background。
bilibili: logo是用svg,非background。小图标都是svg,不管是不是多色。
王者荣耀: logo是用png作为background。小图标用精灵图做背景。
微软: logo直接img加png图片。小图标svg。
MDN: logo是用svg,非background,小图标用icon-font。
亚马逊: logo用精灵图做backg为文内增加标题,这里将生成目录round,小图标也是。
油管: logo是用svg做的,而且logo都有自己专门的html标签,并不是作为background。icon也是用svg做的。


http://www.ppmy.cn/ops/53291.html

相关文章

Linux集群自动化维护-Ansible

1.1Ansible概述 自动化运维:批量管理,批量分发,批量执行,维护。。是python写的 批量管理工具: Ansible(无客户端):无客户端,基于ssh进行管理与维护 Saltstack &#…

国产操作系统麒麟v10、UOS在线打开excel文件并动态赋值

在实际的开发过程中,经常会遇到数据库中的数据填充到excel生成一份正式文件的功能,PageOffice客户端控件支持在线预览Excel文件时,通过Workbook对象来实现对Excel文件的数据填充功能,如果只是简单的填充一下数据,那么通…

2024最新特种设备(锅炉作业)题库分享。

1.锅炉蒸发量大小是由(  )决定的。 A.压力的高低 B.受压元件多少 C.受热面积大小 答案:C 2.哪项不是自然循环的故障?( ) A.停滞 B.倒流 C.下降管带汽 D.上升管带汽 答案:D 3.水冷壁被现代大型锅炉广泛采用的是(  )。 A.光管水冷壁 B.膜…

爬虫day3

爬虫如何提高效率? 我们可以选择多线程,多进程,协程等操作完成异步爬取。 异步:把一个变成多个 线程:执行单位 进程:资源单位,每一个进程至少有一个线程 if __name__ __main__: print(&qu…

【资源调度】1-何为调度?

导读:本期是全网最全【资源调度】系列推文的第1期(共50期左右)。我们将对调度的定义与作用、计划与调度的关系、调度问题的拆解做出详细介绍,使大家对【资源调度】问题有了一个整体的认识,为后续的内容奠定基础。 作者1:张哲铭&am…

【金】04Y? 人脸识别系统 | 前端PyQT

参考-教程bilibil视频:树莓派进阶玩法 | 人脸识别项目教程 界面参考:基于深度学习的人脸识别与管理系统(UI界面增强版,Python代码)_python管理系统深度学习-CSDN博客 1、 树莓派小项目:人脸识别&#xff…

第1章_搭建开发环境

文章目录 第1章 搭建开发环境1.1开发套件硬件接口资源介绍1.2资料下载1.3安装Keil MDK1.3.1**软件下载**1.3.2**软件安装**1.3.3 PACK 安装 1.4 安装 STM32CubeMX1.5 安装 STM32CubeProgrammer1.6 安装 ST-Link 驱动1.7 安装 CH340 驱动 第1章 搭建开发环境 1.1开发套件硬件接…

大模型ReAct:思考与工具协同完成复杂任务推理

ReAct: Synergizing Reasoning and Acting in Language Models Github:https://github.com/ysymyth/ReAct 一、动机 人类的认知通常具备一定的自我调节(self-regulation)和策略制定(strategization)的能力&#xff0…