fas fa-images图标

2024-09-04

基于 Hexo 从零开始搭建个人博客（五）

阅读本篇前,请先阅读前几篇文章: 基于 Hexo 从零开始搭建个人博客(一) 基于 Hexo 从零开始搭建个人博客(二) 基于 Hexo 从零开始搭建个人博客(三) 基于 Hexo 从零开始搭建个人博客(四) 前言本站基于Hexo搭建,用的 hexo-theme-butterfly 主题 v3.7.1,请注意最新的 hexo-theme-butterfly 版本已经更新到 v4.2.2 . 如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意. 注意:我的博客根目录路径为 [G:/

Font Awesome字体图标

1.什么是字体图标字体图标是一个包含许多图标的字体库.可以理解为一种特殊的字体,只不过里面包含的都是图标. 2.Font Awesome图标字体库Font Awesome是目前最受欢迎最全面的图标字体库.主要特点如下:1)是一种字体,包含605个图标(截止4.5.0版本)2)纯CSS控制,能够轻松定义图标的颜色.大小.阴影及任何CSS能够实现的效果.3)无限缩放,矢量图标在任何尺寸下都一模一样4)免费使用,包括商业和非商业项目5)兼容多浏览器版本下图是Font Awesome图标字体库种的部分

字体图标库 IcoMoon IconFont Font Awesome的使用

在项目开发的过程中,我们会经常用到一些图标.但是我们在使用这些图标时,往往会遇到失真的情况,而且图片数量很多的话,页面加载就越慢.所以,我们可以使用字体图标的方式来显示图标,字体图标任意放大缩小不会失真,也大大减少了请求数量,解决了图片占用资源的问题,非常好用. IcoMoon 的使用: 1. 直接使用提供的图标在网址:https://icomoon.io/app/#/select 选择相应图标,然后点击右下角 Generate Font 进行设置,完了点击下载,将下载文件解压,然后将 fon

Font Awesome 图标如何使用

Font Awesome 图标如何使用一.总结一句话总结:Font Awesome字体图标非常好用,直接引入font-awesome.css,然后就可以直接使用了,使用的时候是用的i标签. 1.字体图标一般用什么元素使用? Font Awesome 设计为与内联元素一起使用. <i>和 <span> 元素广泛用于图标. 二.Font Awesome 图标如何使用 Font Awesome 是一套绝佳的图标字体库和CSS框架. Font Awesome 字体为您提供可缩放矢量图标

常见字体图标库——font-awesome

1.简介 FontAwesome一种带有网页功能的象形文字语言,并收集在一个集合里.字库中有675个图标,只支持英文搜索,中文地址:http://www.fontawesome.com.cn/ 2.使用方法 (1)在主页上下载最新版,压缩文件. (2)不用修改文件名,将文件解压后,放到项目中使用 CSS 复制 font-awesome 目录到你的项目中在<head>处加载font-awesome.min.css如下. <link rel="stylesheet"

以 Angular 的姿势打开 Font-Awesome

环境 Angular: v5.2.9 Font-Awesome: v5.0.10 angular-fontawesome: v0.1.0-9 无须再用传统的 Web Font 方式以前习惯于 Font-Awesome 的传统方式:页面底部引用一个 font-awesome.min.css 文件,然后在页面中使用 <i class="fa xxx"></i> 放置图标--这在 Angular 里依然可行,不过这并不 Angularish --我们其实可以用 An

使用PHP开发HR系统（4）

本节我们讲述如何引入页面框架来建立漂亮的主页. ========================================================================================= 打开https://www.js-css.cn/divcss/admin/metro/index.html网站,看到如下页面: 这里有很多漂亮的控件可以使用,页面风格也比较统一,可以用这个来快速构建我们自己的页面: 1 添加文件 1) 在HRMS工程下新建assets文件

Butterfly美化

Butterfly美化首先提示,本文量特别大哦!基本上有所有的美化,还在持续更新ing,谨慎入坑......... 主题配置文件修改基础配置最最最开始的,好不容易搭建了自己的个人博客,当然要写上自己的名字.签名......,证明身份.而且身为一个Chinese,还是中文舒服,所以主目录下_config.yml的配置文件: # Site title: FATE #标题名字 subtitle: '' description: '' #签名 keywords: author: MoYu-zc #

3GP文件格式研究

需要看的文档 http://www.3gpp.org/ftp/Specs/archive/26_series/ 3GPP TS 26.233 3GPP TS 26.243 3GPP TS 26.244 luxh找到的一个好东西 http://isotc.iso.org/livelink/livelink/fetch/2000/2489/Ittf_Home/PubliclyAvailableStandards.htm 大家一定要仔细找找啊,宝藏! 我们研究3gpp文件最重要的两个文档就是<ISO/

Bootstrap3写的红色警告框样式组件

用的是BT3的类和fa的图标 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1"> <link type="text/css&quo

Django+xadmin打造在线教育平台（十）

十四.xadmin的进阶开发 14.1.权限管理 (1)用户权限超级用户拥有所有权限,其它添加的用户默认没有任何权限进后台添加一个用户“Editor1”,勾上“职员状态”后,这个用户才可以登录进后台,默认没添加权限的用户登录到后台的情况如下: 接下来,为用户Editor1添加查看课程和查看章节的权限再刷新可以看到,有了查看课程和章节的权限了 (2)组的权限添加一个组“编辑部门”,赋予如下权限 : 把刚才的用户“Editor1”加入到“编辑部门”这个组,然后看用户现在的权限如下: 组里面的

Chrome扩展插件流程

一.浏览器插件基础步骤: 1.文件最基础的配置 : 一个manifest文件.一个或多个html文件.可选的一个或多个javascript文件.可选的任何需要的其他文件,例如图片:在开发应用(扩展)时,需要把这些文件都放到同一个目录下.发布应用(扩展)时,这个目录全部打包到一个应用(扩展)名是.crx的压缩文件中.如果使用Chrome Developer Dashboard,上传应用(扩展),可以自动生成.crx文件. 2.创建应用: 创建配置文件:manifest.json(关于版本信息等基础

Django+Xadmin打造在线教育系统(九)

xadmin的进阶开发因版本问题.有些配置可能无效自定义icon xadmin的图标采用的是第三方css样式font awesome,我们可以进官网下载最新的样式替代原本的,下载地址:http://www.fontawesome.com.cn/ 下载完后把里面的"css"和"fonts"两个文件夹拷贝到xadmin的源码(路径:xadmin/static/vendor/font-awesome)里面使用model_icon来进行修改 # Course的admi

【清北学堂2018-刷题冲刺】Contest 6

Task 1:子集 [问题描述] 若一个集合S中任意两个元素x和y,都满足x⊕y<min⁡(x, y) ,则称集合S是"好的".其中⊕为按位异或运算符.现在给定一个大小为n的集合S,其中每个数字都是正整数,请求出S所有"好的"子集中,元素个数最多的集合大小. [输入] 输入文件含有多组数据每组数据第一行读入元素个数N.接下来一行,N个正整数ai描述集合中的元素. [输出] 对于每组测试数据,输出一行一个整数表示答案. subset.in subset

bootstrapTable

一个详细的教程 table参数 bootstrap table使用总结 BootstrapTable使用实例事件event 事件函数的用法: 方法1 $('#table').bootstrapTable({ onEventName: function (arg1, arg2, ...) {// ...} }) var table=$('#user'); table..bootstrapTable({ onAll: function (arg1, arg2, ...) {}, onClickRo

FastAdmin 基本知识流程一栏

fastadmin进阶安装:出现登陆页无法显示:可能是php的gd2扩展未开启 FastAdmin 在 Nginx 中的配置用的是AdminLTE后台模板require.js.less.Bower 调试错误:看runtime/log FastAdmin 的上传代码在哪里? 一张图解析FastAdmin中的表格列表的功能 fastadmin的页面是如何生成的? FastAdmin 如何隐藏操作栏中的“删除”按钮“? 笔记:FastAdmin 上传设置如何修改 FastAdmin 弹窗大小

bootstrap-table 使用遇到的问题总结

问题一:右上角button样式自定义方法: //修改bootstrap-table右上角按钮样式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color&qu

fasta/fastq格式解读

1)知识简介--------------------------------------------------------1.1)测序质量值首先在了解fastq,fasta之前,了解一下什么是质量值.phred软件在对reads进行base calling的时候会给出每一个碱基的质量值,这个质量值的计算与测序预期错误率相关(estimated probability of error): Phred Quality Score Probability of incorrect bas

（数据科学学习手札71）在Python中制作个性化词云图

本文对应脚本及数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 一.简介词云图是文本挖掘中用来表征词频的数据可视化图像,通过它可以很直观地展现文本数据中地高频词: 图1 词云图示例在Python中有很多可视化框架可以用来制作词云图,如pyecharts,但这些框架并不是专门用于制作词云图的,因此并不支持更加个性化的制图需求,要想创作出更加美观个性的词云图,需要用到一些专门绘制词云图的第三方模块,本文就将针对其

python+django学习三

在这个网站看https://sshwsfc.github.io/xadmin/ xadmin结果一堆的坑,文档找不到界面,dome登陆就报错permission denied for relation django_session,只能按着视频来玩 1:主题 #配置xadmin主题,注册的时候要用到专用的view去注册 class BaseXadminSetting(object): enable_themes = True use_bootswatch = True 2:全局样式 cl

jquery+html实现前端的上传图片预览

就是这样的一个功能,点击加号,出现图片选择,然后选择好以后生成预览. input那么丑,UI看不惯,一定要改成加号我就用了fa的图标,外部套一个bootstrap4中的class:border,设置一下内边距,看起来差不多居中了,好了 input最简单的方式隐藏然后就是js的实现: 然后,华丽丽的bug就出现了,看到我添加的this.value了吧,因为上传一张,是好的,上传第二张,预览出现两张第二张,上传第三张,预览就出现三张第三张.....添加了this.value以后就好了

fas fa-images图标

热门专题