当前位置：首页 > news >正文

57.网页设计图标实战

news 2026/2/8 8:31:10

首先我们需要找一个图标库，本次演示采用的是heroicon
在这里插入图片描述

● 之后我们根据需求搜索与之想匹配的图标并复制svg代码
在这里插入图片描述

● 之后将我们的代码复制到我们想要放置图标的地方
在这里插入图片描述

● 当然我们需要使用CSS来修饰一下

.features-icon {stroke: #087f5b;width: 32px;height: 32px;margin-bottom: 16px;
}

在这里插入图片描述

其他的同理即可
在这里插入图片描述

接着我们为我们的产品地方添加图标
在这里插入图片描述

和上面一样，这里我们只展示我们的CSS写法

.chair-icon {stroke: #087f5b;width: 24px;height: 24px;
}

最后的效果是这样的
在这里插入图片描述

其他的复制粘贴上一个就行了
这里教大家一个简单的复制粘贴多个内容的方式

按住ALT键盘可以多选，然后复制
在这里插入图片描述

同样按住ALT，可以多选一些光标，然后进行复制
在这里插入图片描述

点击复制之后就是这样的效果，就全部复制过来了，比较方便
在这里插入图片描述

最终的页面如下图，是不是比不加图标好看了很多，也是的用户阅读体验提高了很多？

在这里插入图片描述

57.网页设计图标实战

首先我们需要找一个图标库，本次演示采用的是heroicon ● 之后我们根据需求搜索与之想匹配的图标并复制svg代码 ● 之后将我们的代码复制到我们想要放置图标的地方 ● 当然我们需要使用CSS来修饰一下 .features-icon {stroke: #087f5b;width: 32px;height: 3…...

编程日记 2023/5/2 22:38:40

浅析AI视频智能检测技术在城市管理中的场景应用

随着中国的城市建设和发展日益加快，城镇化过程中重建设、轻管理模式带来不少管理难点，传统城管模式存在违法问题多样、缺乏源头治理、业务协同难、取证手段单一等，人员不足问题进一步加剧管理难度。随着移动互联网、物联网、云计算、大数据、…...

编程日记 2023/5/2 22:33:39

unity中的Line Renderer

介绍 unity中的Line Renderer 方法首先，Line Renderer 是 Unity 引擎中的一个组件，它可以生成直线、曲线等形状，并且在场景中呈现。通常情况下，Line Renderer 被用来实现轨迹、路径、线框渲染以及射线可视化等功能。在使用 …...

编程日记 2023/5/2 22:28:38

【数据架构系列-06】一文搞懂数据模型的3中类型——概念模型、逻辑模型、物理模型

数据模型就是模拟现实世界的方法论，是通向智慧世界的基石！ 从现实世界发展到智慧世界，要数经历现实世界、信息世界、计算机世界、数据世界、智慧世界五个不同的世界，我们天生具有从混沌的世界抽象信息变为信息世界的能力&#xff…...

编程日记 2023/5/30 0:48:25

Java——Java面向对象

该系列博文会告诉你如何从入门到进阶，一步步地学习Java基础知识，并上手进行实战，接着了解每个Java知识点背后的实现原理，更完整地了解整个Java技术体系，形成自己的知识框架。概述： Java是面向对象的程序…...

编程日记 2023/5/2 22:18:36

MyBatis：生命周期、作用域、结果集映射 ResultMap、日志、分页、使用注解开发、Lombok

文章目录 MyBatis：Day 02一、生命周期和作用域二、结果集映射：ResultMap三、日志工厂1. 标准日志：STDOUT_LOGGING2. LOG4J 四、分页五、使用注解开发六、Lombok注意： MyBatis：Day 02 一、生命周期和作用域理解不同作…...

编程日记 2023/5/2 22:13:35

PostgreSQL安装和开启SSL加密连接【配置双向认证】

SSL单向认证和双向认证： SSL单向认证：只有一端校验对端的证书合法性，通常都是客户端来校验服务器的合法性。即在一般的单向认证中，只要求服务器端部署了ssl证书就行，客户端可以无证书，任何用户都可以去访问…...

编程日记 2023/5/2 22:08:33

【ShenYu系列】ShenYu Dubbo插件全流程源码解析

网关启动在ShenyuConfiguration注入ShenyuWebHandler。 Bean("webHandler")public ShenyuWebHandler shenyuWebHandler(final ObjectProvider<List<ShenyuPlugin>> plugins, final ShenyuConfig config, Lazy final ShenyuLoaderService shenyuLoaderS…...

编程日记 2023/5/2 22:03:32

spring解决循环依赖的三级缓存

一、Spring在创建Bean的过程中分三步实例化，对应方法：AbstractAutowireCapableBeanFactory中的createBeanInstance方法，简单理解就是new了一个对象。属性注入，对应方法：AbstractAutowireCapableBeanFactory的populat…...

编程日记 2023/5/2 21:58:31

C++ - 标准库（STL）

目录一、简介二、什么时候使用STL 2.1、 vector 和 deque 的使用场景 2.2、 vector 和 deque 的比较 2.3、 list的使用场景一、简介 C标准库是C编程语言的标准程式库，它提供了一个通用的容器类、算法和函数模板库。其中包括了多种容器类型，例…...

编程日记 2023/5/31 9:04:58

Java使用 Scanner连续输入int, String 异常错误输出原因分析

目录一、Scanner常用语法 1、sc.nextInt()介绍 2、sc.next()介绍 3、sc.nextLine()介绍 4、sc.hasNext()介绍二、报错案例 1、使用next()来接收带有空格的字符串会输出异常 2、先输入数字再输入字符串的输出异常一、Scanner常用语法 Scanner sc new Scanner(System.…...

编程日记 2023/5/30 0:49:56

pt13网络编程

网络编程 OSI 7层模型建立了统一的通信标准降低开发难度，每层功能明确，各司其职七层模型实际规定了每一层的任务，该完成什么事情 TCP/IP模型七层模型过于理想，结构细节太复杂在工程中应用实践难度大实际工作中以TCP/IP模型…...

编程日记 2023/5/2 21:43:28

华为云绑定/更换证书

操作场景为了支持HTTPS数据传输加密认证，在创建HTTPS协议监听的时候需绑定证书，您可以参考本章节绑定证书。如果弹性负载均衡实例使用的证书过期或者其它原因需要更换，您可以参考本章节更换证书。如果还有其他的服务也使用了待更换的证书&a…...

编程日记 2023/5/2 21:38:27

重大问题，Windows11出现重大BUG

重大问题，Windows11出现重大BUG 这种Windows11操作系统出现BUG已经可以说是非常常见的，但是，今天我将代表所有微软用户，解决一个关于UI设计非常不舒服的功能关闭多平面覆盖事情叙述问题微软社区解决方案自己发现的解决方案解决…...

编程日记 2023/5/2 21:33:26

傅里叶变换解析

p.s.本文无论是cos还是sin，都统一用“正弦波”(Sine Wave)一词来代表简谐波。一、什么是频域从我们出生，我们看到的世界都以时间贯穿，股票的走势、人的身高、汽车的轨迹都会随着时间发生改变。这种以时间作为参照来观察动态世界的方法我们称…...

编程日记 2023/5/2 21:28:25

你的登录接口真的安全吗？

1.前言大家学写程序时，第一行代码都是hello world。但是当你开始学习WEB后台技术时，很多人的第一个功能就是写的登录 （小声：别人我不知道，反正我是）。但是我在和很多工作经验较短的同学面试或沟通的时候&…...

编程日记 2023/5/30 23:41:03

ChatGPT情商很高，但并不适合当搜索引擎

微软和谷歌正急于使用大型语言模型技术来强化搜索引擎。但有充分的理由认为，相比于提供事实性信息，这项技术更适合作为人们情感上的伴侣。美媒评论称，目前基于大型语言模型的人工智能工具，例如ChatGPT，更擅长共情而不…...

编程日记 2023/5/2 21:18:23

Mac 地址与 IP 地址有什么区别？

Mac 地址和 IP 地址是两个不同的概念，它们分别代表了计算机网络中的不同层次和地址。Mac 地址是物理地址，是在计算机硬件中存储的地址，通常是以特定的六进制格式表示。每个设备都有一个唯一的 MAC 地址，它可以用来在计算机之间进行…...

编程日记 2023/5/2 21:13:22

bootloaders

什么是BootLoader? 一般来说，bootloader是一种软件/固件，它在SoC上电后立即运行。bootloader的主要职责是启动软件的后续部分，例如操作系统、baremetal应用程序或在某些情况下另一个bootloader。当涉及到嵌入式时，bootloader通常…...

编程日记 2023/5/2 21:08:21

PC或服务器装双系统

1. 准备工作 1.1U盘启动盘的制作 ①准备一个 4G 以上的 U 盘，备份好U盘资料，后面会对 U 盘进行格式化。 ②去CentOS官网下载你想要安装的 ISO 格式镜像文件，现在通常是CentOS6、7或者8。如果你英文不太好，可以选择使用edge浏览…...

编程日记 2023/5/2 21:03:20

【大模型RAG】拍照搜题技术架构速览：三层管道、两级检索、兜底大模型

摘要拍照搜题系统采用“三层管道（多模态 OCR → 语义检索 → 答案渲染）、两级检索（倒排 BM25 向量 HNSW）并以大语言模型兜底”的整体框架： 多模态 OCR 层将题目图片经过超分、去噪、倾斜校正后，分别用…...

编程新知 2026/2/8 4:32:38

Docker 离线安装指南

参考文章 1、确认操作系统类型及内核版本 Docker依赖于Linux内核的一些特性，不同版本的Docker对内核版本有不同要求。例如，Docker 17.06及之后的版本通常需要Linux内核3.10及以上版本，Docker17.09及更高版本对应Linux内核4.9.x及更高版本。…...

编程新知 2026/2/7 6:10:30

Appium+python自动化（十六）- ADB命令

简介 Android 调试桥(adb)是多种用途的工具，该工具可以帮助你你管理设备或模拟器的状态。 adb ( Android Debug Bridge)是一个通用命令行工具，其允许您与模拟器实例或连接的 Android 设备进行通信。它可为各种设备操作提供便利，如安装和调试…...

编程新知 2026/1/21 18:20:51

相机Camera日志实例分析之二：相机Camx【专业模式开启直方图拍照】单帧流程日志详解

【关注我，后续持续新增专题博文，谢谢！！！】上一篇我们讲了： 这一篇我们开始讲： 目录一、场景操作步骤二、日志基础关键字分级如下三、场景日志如下： 一、场景操作步骤操作步…...

编程新知 2026/1/30 10:10:55

基于Docker Compose部署Java微服务项目

一. 创建根项目根项目（父项目）主要用于依赖管理一些需要注意的点： 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件，否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...

编程新知 2026/2/5 3:09:56

【HTTP三个基础问题】

面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...

编程新知 2025/12/10 6:18:55

安卓基础（aar）

重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...

编程新知 2026/1/25 8:10:56

Netty从入门到进阶（二）

二、Netty入门 1. 概述 1.1 Netty是什么 Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients. Netty是一个异步的、基于事件驱动的网络应用框架，用于…...

编程新知 2026/1/26 5:44:16

搭建DNS域名解析服务器(正向解析资源文件)

正向解析资源文件 1）准备工作服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2）服务端安装软件：bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...

编程新知 2026/2/4 15:42:45

适应性Java用于现代 API：REST、GraphQL 和事件驱动

在快速发展的软件开发领域，REST、GraphQL 和事件驱动架构等新的 API 标准对于构建可扩展、高效的系统至关重要。Java 在现代 API 方面以其在企业应用中的稳定性而闻名，不断适应这些现代范式的需求。随着不断发展的生态系统，Java 在现代 API 方…...

编程新知 2025/11/10 19:07:59

相关文章：