首页 > 其他分享 >css基础-精灵图

css基础-精灵图

时间：2023-07-22 18:45:12浏览次数：30

标签：基础精灵 https 图标对应 css 图片

一张图片包括各种图标，用的时候用background-position对移到对应位置显示对应图标

但是图片放大会失真

图片制作完成后也不方便修改

所以如果小图票，我们可以用字体库解决

https://icomoon.io/

https://www.iconfont.cn/

标签：基础,精灵,https,图标,对应,css,图片
From： https://www.cnblogs.com/dming4/p/17573862.html

css常用属性
参考地址：https://www.w3school.com.cn/css/index.aspcss常用属性：背景属性：background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color......
css 选择器
更多选择器示例参考：https://www.w3school.com.cn/cssref/css_selectors.asp<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css选择器</title><!--1.样式可以规定在单个的HTML元素中......
css学习Day01
css学习Day01css语法选择器{ 声明1；声明2；声明3；}一、css四种导入方式行内样式<h1style="color:red">标题</h1>内部样式<head><style>h1{color:green}</style></head>外部样式链接式：......
python天池赛零基础入门推荐系统 - 新闻推荐
Python天池赛零基础入门推荐系统-新闻推荐简介推荐系统是一种用于预测用户对物品（如新闻、电影、产品等）的喜好程度的技术。本文将介绍如何使用Python和天池赛平台，从零开始构建一个简单的新闻推荐系统。数据集首先，我们需要一个用于训练和测试的数据集。在天池赛平台上，我们可以......
常见的css属性
rgb6位0-9a-f简写443322=432rgbrgb（68，41，41，0.4）最后一位是alpha颜色透明度浮动让元素左右排列 float：left/right/none; 文档标准流网页中的块级元素都会自上而下的排列浮动会破坏元素原本的特征（独占一行的特征）浮动是有方向的（左右）浮动会让盒子脱......
最全linux基础知识
linux基础知识 [root@localhost~]#各位置表示什么意识root：表示用户名（现在的用户是root切换为test便是张三）localhost：表示主机名（当前主机名切换为别的主机就是别的主机名） ~：家目录（表示当所在的目录切换到etc下便是etc）#：管理员用户切换为$：普通用户关机命令：1，h......
基础数论
Updon2023.1.12添加了整除分块和莫比乌斯反演。Updon2023.7.22重新排版，添加、删去了一些内容，修改了一些晦涩难懂的描述，开放阅读。$$\huge\textbf{0x01}\\large\textbf{数论入门}$$"质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数。""合数是指在大......
pyhon 基础学习笔记（一）List
1.有两个索引 2索引的切片L=[1,2,3,4,5,6]L[start:stop:step]如L[1,2,2] 3.列表增加元素L.append(9)，L.append([2,3])尾部追加L.extend([1,2,3]) 尾部追加L.insert(3,5）位置3插入5L[2:2]=[8,9] 下标为2的位置插入8，9 3.列表删除元素L.remove(4)删除元素4......
Redis基础
Redis是用C语言开发的一个开源的高性能键值对（key-value）数据库，官方提供测试数据，50个并发执行100000个请求,读的速度是110000次/s,写的速度是81000次/s，且Redis通过提供多种键值数据类型来适应不同场景下的存储需求，目前为止Redis支持的键值数据类型如下：字符串类型string哈希类......
36种漂亮的CSS3网页按钮Button样式
<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title>36种漂亮的CSS3网页按钮Button样式</title><styletype="text/css">body{background:#f5......

css基础-精灵图

相关文章

赞助商

阅读排行