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.pswp.cn/web/45824.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/45824.shtml
英文地址,請注明出處:http://en.pswp.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所展示的許多先進的多…