django学习入门系列之第四点《图标》

文章目录

  • 图标
  • 往期回顾


图标

图标网站:

Font Awesome,一套绝佳的图标字体库和CSS框架 (dashgame.com)

  • bootstrap提供的不多

  • 注意,要用框架启动,但用html启动的话是用不了的(图标启动不了)

    • 如何使用

    • 如果是bootstrap

在这里插入图片描述
如果是font Awesome

需要在标题中引用<link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css"><link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css">

在这里插入图片描述

​ 注意:一个是以

​ 标签一个是以bi标签

往期回顾

1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1:用户注册】
7.【案例2:用户注册改进】
8.【快速了解 CSS】
9.【常用选择器概念讲解】
10.【CSS基础样式介绍1】
11.【CSS基础样式介绍2】
12.【CSS基础样式介绍3】
13.【CSS基础样式介绍3】
14.【案例 小米商城头标】
15.【案例 小米商城头标总结】
16.【案例 小米商城二级菜单】
17.【案例 商品推荐部分】
18.【伪类简单了解】
19.【position】
20.【案例 小米商城中app图标代码】
21.【边框及总结】
22.【BootSrap初了解】
23.【BootSrap的目录栏】
24.【BootSrap的栅格系统】
25.【案例 博客案例】
26.【案例 登录】
27.【案例 后台管理样例】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/45824.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DAMA学习笔记(六)-数据安全

1.引言 数据安全包括安全策略和过程的规划、建立与执行&#xff0c;为数据和信息资产提供正确的身份验证、授权、访问和审计。数据安全实践的目标是根据隐私和保密法规、合同协议和业务要求来保护信息资产。这些要求来自以下几个方面: 1&#xff09;利益相关方: 应识别利益相关…

YOLO--置信度(超详细解读)

YOLO&#xff08;You Only Look Once&#xff09;算法中的置信度&#xff08;Confidence&#xff09;是一个关键概念&#xff0c;用于评估模型对预测框内存在目标对象的信心程度以及预测框对目标对象位置的准确性。 一、置信度的定义 数值范围&#xff1a;置信度是一个介于0和…

ES6 对象的扩展(十五)

1. 属性的简洁表示&#xff08;Property Shorthand&#xff09; 特性&#xff1a;在对象字面量中&#xff0c;如果属性名和变量名相同&#xff0c;可以省略属性名&#xff0c;直接使用变量值。 用法&#xff1a;简化对象字面量的书写。 const x 1, y 2; const obj { x, y …

vscode 打开远程bug vscode Failed to parse remote port from server output

vscode 打开远程bug vscode Failed to parse remote port from server output 原因如图&#xff1a; 解决&#xff1a;

网络滤波器、EMI滤波器与EMC滤波器在电子元器件中的分类关系

在电子工程领域&#xff0c;滤波器作为关键的电子元器件&#xff0c;广泛应用于信号处理、电磁兼容性和电磁干扰抑制等方面。本文将详细介绍网络滤波器、EMI滤波器和EMC滤波器的基本概念、工作原理及其在电子元器件中的分类关系。 一、网络滤波器 网络滤波器是一种通过处理信号…

Laravel与现代前端:Vue.js与React的无缝集成

Laravel与现代前端&#xff1a;Vue.js与React的无缝集成 在现代Web开发中&#xff0c;Laravel作为后端框架的佼佼者&#xff0c;与前端技术如Vue.js和React的结合&#xff0c;能够创造出功能强大且用户友好的应用。本文将详细介绍如何在Laravel项目中集成Vue.js和React&#x…

脸书登录指南:如何在同一台设备登录多个Facebook账号?

海外社媒营销人员和跨境卖家现在越来越依赖社交媒体平台来拓展业务和接触潜在客户&#xff0c;尤其是Facebook。然而&#xff0c;在进行脸书登录时&#xff0c;你可能会问&#xff1a;如何在同一台设备上登录多个Facebook账号&#xff0c;而不违反Facebook的使用条款&#xff1…

Android 性能优化之卡顿优化

文章目录 Android 性能优化之卡顿优化卡顿检测TraceView配置缺点 StricktMode配置违规代码 BlockCanary配置问题代码缺点 ANRANR原因ANRWatchDog监测解决方案 Android 性能优化之卡顿优化 卡顿检测 TraceViewStricktModelBlockCanary TraceView 配置 Debug.startMethodTra…

vivado 2019.2/modelsim SE-64 2019.2联合仿真

参考链接 需要修改的地方&#xff1a; 编译时几个VHDL的库会报错&#xff0c;将language改为verilogfamily只选择当前板子&#xff08;artix-7&#xff09;&#xff0c;速度会更快&#xff0c;错误率更低compile library path最好选择vivado安装路径下的位置&#xff0c;很久之…

怎么创一个新的vue3项目

创建一个新的Vue 3项目可以通过多种方式&#xff0c;以下是基于Vue CLI&#xff08;命令行界面&#xff09;和Vue官方新的脚手架工具create-vue的详细步骤。 使用Vue CLI创建Vue 3项目 安装Vue CLI&#xff1a; 确保你已经安装了Node.js&#xff08;建议使用LTS版本&#xff…

Python 基础——元组

1.元组&#xff1a;元组元素不能修改 tuple1 (1, 2, 3, 4, 5, 6) tuple1[2] 3 #该代码会显示运行错误 2.元组的一些操作 #1. tuple1 (1, 2, 3, 4, 5, 6) tuple2 tuple1[:]#将tuple1复制到tuple2#2. tuple1 (1, 2, 3, 4, 5, 6) tuple1[:4] #输出结果为&#xff08;1&am…

用于大规模图像识别的深度卷积网络

概述 论文地址&#xff1a;https://arxiv.org/pdf/1409.1556.pdf 这项研究探讨了卷积网络深度对图像识别准确性的影响。重要的是&#xff0c;对具有小型卷积滤波器的网络进行的评估表明&#xff0c;具有 16-19 个权重层的深度网络的性能优于传统配置。这些结果使得该模型在20…

把ros消息转换成中文输出

把ros消息转换成中文输出 c实现 发布 //发布性能评估数据 /trilateration_time_log void publishTrilaterationLog(const int reflectorPanelPoints_size,const double duration_count,const std::string& resultType,const std::string& resultChineseMessage,cons…

C#绘制含流动块的管道

1&#xff0c;效果。 2&#xff0c;绘制技巧。 1&#xff0c;流动块的实质是使用Pen的自定义DashStyle绘制的线&#xff0c;并使用线的偏移值呈现出流动的效果。 Pen barPen new Pen(BarColor, BarHeight);barPen.DashStyle DashStyle.Custom;barPen.DashOffset startOffse…

MySQL-日志-优化

目录 介绍一下mysql 的日志 redo log 和binlog 的区别及应用场景 redo log 和 binlog 在恢复数据库有什么区别? redo log 是怎么实现持久化的? redo log除了崩溃恢复还有什么其他作用? &#xff08;顺序写&#xff09; redo log 怎么刷入磁盘的知道吗&#xff1f; 两阶…

重塑水利未来:智慧水利解决方案的探索与实践,从物联网、大数据到人工智能,科技如何赋能水利行业,实现智慧化管理与决策

本文关键词&#xff1a;智慧水利、智慧水利工程、智慧水利发展前景、智慧水利技术、智慧水利信息化系统、智慧水利解决方案、数字水利和智慧水利、数字水利工程、数字水利建设、数字水利概念、人水和协、智慧水库、智慧水库管理平台、智慧水库建设方案、智慧水库解决方案、智慧…

探索 IPython 的历史记录:全局命令的魔法

探索 IPython 的历史记录&#xff1a;全局命令的魔法 在数据科学和编程的世界里&#xff0c;IPython 以其强大的交互式特性成为了开发者和科学家们的首选工具。其中&#xff0c;IPython 的历史记录功能是其众多亮点之一。本文将带你深入探索如何在 IPython 中使用 %history 魔…

Python之爬虫基础

Python 是进行网络爬虫开发的热门选择&#xff0c;主要是因为其拥有丰富的库和框架&#xff0c;如 Requests、BeautifulSoup、Scrapy 等&#xff0c;这些工具极大地简化了网页数据的抓取和处理过程。以下是一些 Python 爬虫的基础知识和步骤&#xff1a; 1. 理解网络爬虫 网络…

如何通过3D开发组件HOOPS增强Navisworks数据访问?

随着建筑信息模型&#xff08;BIM&#xff09;和建筑、工程和施工&#xff08;AEC&#xff09;市场的快速发展&#xff0c;对Navisworks支持的需求也在不断增长。特别是在多个公司赞助Navisworks项目的大环境下&#xff0c;HOOPS组件的支持显得尤为重要。这些公司包括一家大型电…

【多模态学习笔记二】MINIGPT-4论文阅读

MINIGPT-4:ENHANCING VISION-LANGUAGE UNDERSTANDING WITH ADVANCED LARGE LANGUAGE MODELS 提出的MiniGPT-4使用一个投影层,将冻结的视觉编码器与冻结的先进的LLM Vicuna对齐。我们的工作首次揭示,将视觉特征与先进的大型语言模型正确对齐可以具有GPT-4所展示的许多先进的多…