一、介绍
采用这种字体，我们可以避免网站制作中采用好多图片，一方面解决了浏览器的兼容性问题。另一方面，这些字体都是矢量字体，我们只要在调整这些图标时，将他们的字体大小以及颜色，我们就可以解决很多不是图片的图标了。
二、使用原因
今天在用到jquery.mmenu.js过程中（手机上的单个按钮菜单，具体将在下一节讲到），也是从网上找到的一个简单的demo，很简单的，如下图：
于
原创
2022-04-25 10:14:08
3398阅读
给大家简述一个常见的transform应用，就是当我们用鼠标滑向图标按钮时，图标会自动旋转一周，这个效果完全不依赖JS，由css3的transform就可以完成。Transform简介在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。1、旋转rotate() ：通过指定的角度参数对原元素指定一个2D ro
转载
2023-12-21 11:00:03
112阅读
公私分明一个私有的或保护的派生类不是子类，因为非公有的派生类不能做基类能做的所有事，例如，下面的代码定义了一个私有继承基类的类: #include
<
iostream
>
using
namespace
std;
class
Animal
{
public:
Anim
图标闪烁CSS代码 <!DOCTYPE html> <html> <head> <style> #markerDiv { position: absolute; float: left; left: 20px; top: 20px; width: 38px; height: 44px; backgr
原创
2024-01-22 13:48:32
234阅读
学习目标 1.【了解】搭建网站需要的web构件和网站运行原理 2.【掌握】如何搭建个人博客网站 学习前言 大家都是学习开发的，相信都接触过百度，新浪，淘宝，京东...等等网站吧，对。。。这些就是网站，这篇文章就是教大家如何搭建一个这样的网站。我们在平时上网过程中，有没有去想过网站是如何搭建的呢？网站又是如何运行的呢？搭建一个网站需要非常专业的知识吗？带着这些问题来学习本篇文章的内容，通过本章
主题介绍大刚网资源呦主题，在之前cool主题的基础上完全重构。模板所有功能后台一键操作开启或关闭无需修改代码2023年5月16日更新优化：1.新增友链自助提交功能，提交邮件通知。2.修复用户投稿时不显示分类问题。3.修复自定区域2缺失跳转链接问题。4.调整当日更新标题颜色。5.修复列表翻页图片缺失问题。6.新增内容页侧栏友链板块样式。7.新增顶部滚动条、彩色滚动条。8.新增防止复制、F12、右键、
到目前为止emlog都没有集成模板后台设置功能，可能是和emlog一直走轻量级路径有关。但是集成模板后台配置功能，无论是对emlog模板开发者还是用户来说，其作用都非常大，可以使一些模板功能不需要修改模板文件就可以改变设置，减少开发者的服务时间的同时节约用户的使用成本。emlog模板设置插件tpl_options是一款可以让模板集成后台配置功能的插件，只要emlog模板按照开发规范制作，就可以通过
转载
2024-07-09 00:50:42
210阅读
emlog基本模板文件
必须文件：
main.css： CSS(样式表)文件
log_list.php： 日志列表页模板
echo_log.php： 日志页模板
page.php： 页面（page）模板
footer.php： Footer模板
header.php： Header模板
t.php： 碎语模板
module.php： 包含widgets、评论、引用、编辑等
可选文件：
side.p
转载
2024-03-28 15:52:05
80阅读
本文翻译自：https://blogs.oracle.com/poonam/entry/understanding_cms_gc_logs准备工作JVM的GC日志的主要参数包括如下几个：
-XX:+PrintGC 输出GC日志
-XX:+PrintGCDetails 输出GC的详细日志
-XX:+PrintGCTimeStamps 输出GC的时间戳（以基准时间的形式）
-XX:+PrintGCDa
父层class设置outdiv 子层设置为blingbling .outDiv { display: flex; justify-content: center; align-items: center; .blingbling { position: absolute; -webkit-anima ...
转载
2021-10-13 14:39:00
3021阅读
2评论
引入ico图标<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 注意：它不是iconfont字体哦 也不是图片。位置是放到 head 标签中间。后面的type=“image/x-icon” 属性可以省略。（我相信你也愿意省略。）为了兼容性，请将favicon.ico 这个图标放到根目录下。下载及转换ico图标网站（方便）我们可以自己做的图片，转换为 ico图标，
原创
2020-07-09 14:41:22
2085阅读
感谢印记中文的 QC-L[1] 对本文进行，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2021-11-22 16:53:28
460阅读
# iOS图标抖动效果的CSS实现与应用
在移动应用开发中，用户界面的设计对于用户体验至关重要。如果想要让某些元素在特定情况下引起用户的注意，使用动画效果是一个有效的策略。本文将带您深入了解如何通过CSS实现iOS图标抖动效果，并提供详细的代码示例与应用场景。
## 什么是iOS图标抖动效果？
iOS图标抖动效果是指应用图标在特定状态下以轻微晃动的方式呈现，以此强调其重要性或需要用户注意。这
# CSS 和 SVG 在 Android 图标中的应用
在移动应用的开发中，图标是用户界面设计的一个重要组成部分。Android应用中的图标通常需要在不同的尺寸和分辨率上保持清晰，因此CSS和SVG（可缩放矢量图形）成为了设计图标的热门选择。本文将探讨如何使用CSS和SVG创建Android图标，并通过代码示例来展示具体的实现方式。
## 一、什么是SVG？
SVG（Scalable Ve
原创
2024-08-12 06:41:32
55阅读
感谢印记中文的 QC-L[1] 对本文进行翻译，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2022-01-14 17:42:58
304阅读
# 使用jQuery实现CSS图标翻转的详细教程
在这篇文章中，我们将学习如何使用jQuery实现一个简单的CSS图标翻转效果。这个效果常用于图标的鼠标悬停（hover）事件，让我们的网页更具动感和互动性。我们将会分步骤进行，确保每个环节都清晰易懂。
## 整体流程
以下是实现jQuery CSS图标翻转效果的整体步骤：
| 步骤 | 描述
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字
原创
2020-07-09 14:34:24
10000+阅读
