css 个人喜欢的样式 速查笔记
起因， 目的:
记录自己喜欢的， 觉得比较好看的 css.
下次用的时候，直接复制，很方便。
1. 个人 html 模板， 导入常用的 link
- 设置英语字体: Noto
- 导入默认的 css
- 使用网络 icon 图标
- 导入 Bootstrap css 框架
html
<!-- 设置英语字体: Noto -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><!-- 使用 icon， 比如 <i class="fa-solid fa-info"></i> -->
<!-- 打开，https://fontawesome.com/icons， 然后搜索 info -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="crossorigin="anonymous" referrerpolicy="no-referrer" /><!-- 导入自己的 css 文件 -->
<link rel="stylesheet" type="text/css" href="styles.css"><!-- 导入 Bootstrap 的 CSS 文件 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
2. 常用 css 模板
todo, 以后再增加。
* {font-family: "Noto Serif", system-ui;font-optical-sizing: auto;
}Noto 字体效果:
走过路过，支持一下啊。
相关文章：
css 个人喜欢的样式 速查笔记
起因， 目的: 记录自己喜欢的， 觉得比较好看的 css. 下次用的时候，直接复制，很方便。 1. 个人 html 模板， 导入常用的 link 设置英语字体: Noto导入默认的 css使用网络 icon 图标导入 Bootstrap css 框架 html <…...
C/C++ let __DATE__ format to “YYYY-MM-DD“
C/C let DATE format to “YYYY-MM-DD” code： #include <iostream> #include <string>class compileDate {// 静态函数，用来格式化并返回编译日期 static std::string formatCompileDate() {// 编译时的日期，格式为 "MMM…...
git如何灵活切换本地账号对应远程github的两个账号
git如何灵活切换本地账号对应远程github的两个账号 问题： 有时候我们会同时维护两个github的账号里面的仓库内容，这时候本地git需要频繁的切换ssh，以方便灵活的与两个账号的仓库可以通信。这篇日记将阐述我是怎么解决这个问题的。1. 第一个账…...
Python中实现函数的递归调用
在Python中，函数的递归调用是一种非常强大且常用的编程技巧，它允许函数在其执行过程中调用自身。递归调用在解决许多问题时都显得尤为方便，比如遍历树形结构、计算阶乘、实现快速排序等。然而，递归也需要谨慎使用，因为…...
Multisim使用手册
目录 原件库： 基础元件库： 最右侧的分析仪们： 示波器： 交流分析： 操作： dB 一、幅频特性曲线 二、相频特性曲线 下载资源（有汉化）：Multisim 14.0电路设计与仿真…...
线程的六种状态
优质博文：IT-BLOG-CN 线程的状态在Thread.State这个枚举类型中定义：共有6种状态，可以调用线程Thread种的getState()方法获取当前线程状态。 public enum State { /** * 新建状态(New)： * 当用new操作符创建一个线程时&#…...
全球热门剪辑软件大搜罗
如果你要为你的视频进行配音那肯定离不开音频剪辑软件，现在有不少音频剪辑软件免费版本就可以实现我们并不复杂的音频剪辑操作。这次我就给你分享几款能提高剪辑效率的音频剪辑工具。 1.福晰音频剪辑 链接直达>>https://www.foxitsoftware.cn/audio-clip/ …...
swagger-bootstrap-ui页面空白，也没报错
回想起来，代码层面没有进行什么大的调整，增加了配置文件，application.yml中的 spring:profiles:active: sms # dev --> smsname: sms-server swagger配置未调整导致空白 修改profile 问题解决...
15.2 JDBC数据库编程2
15.2.1 数据库访问步骤 使用JDBC API连接和访问数据库，一般分为以下5个步骤: (1) 加载驱动程序 (2) 建立连接对象 (3) 创建语句对象 (4) 获得SQL语句的执行结果 (5) 关闭建立的对象，释放资源 下面将详细描述这些步骤 15.2.2 加载驱动程序 要使…...
Spark数据介绍
从趋势上看，DataFrame 和 Dataset 更加流行。 示例场景 数据仓库和 BI 工具集成： 如果你需要处理存储在数据仓库中的结构化数据，并且希望与 BI 工具集成，那么 DataFrame 和 Dataset 是首选。 机器学习流水线： 在构建机…...
【0基础】制作HTML网页小游戏——贪吃蛇（附详细解析）
我在昨天的文章（贪吃蛇HTML源码）里面分享了网页版贪吃蛇小游戏的源码，今天就来给大家详细讲解一下每部分代码是如何运作的，以及以后要如何美化贪吃蛇的UI界面，在哪里修改等。 目录 一、代码运作 1、HTML结构: 2、C…...
Vscode python无法转到函数定义
今天上午换了电脑，使用Vscode发现找不到对应的函数定义了。 使用了网上的全部教程。一点用没有。重启电脑，重启Vscode也没有作用。最后通过重装vscode，解决问题。（也不知道Vscode什么毛病） 重点语句： 去官网…...
Python中的上下文管理器（with语句）及其作用
Python中的上下文管理器（Context Manager）是一种通过with语句来管理资源（如文件、网络连接、线程锁等）的机制。with语句旨在简化常见的资源管理任务，如资源的获取、使用后的清理等。使用上下文管理器可以确保资源在使用…...
CTK框架(八):服务追踪
目录 1.简介 2.实现方式 3.具体实现 3.1.新建插件PluginA 3.2.新建插件PluginB 4.服务追踪的优势 5.应用场景 6.总结 1.简介 CTK服务追踪是一种机制，用于在CTK插件框架中追踪和管理插件提供的服务。当一个插件注册了一个服务到服务注册中心后࿰…...
[针对于个人用户] 显卡与计算卡性能对比表
笔者使用 Quadro M4000 显卡用于 LLM 相关任务，但奈何该卡发布的年代过于久远，以至于 LLM 相关任务只能使用例如：Phi3 mini、Qwen 2 2B、GLM 4 8B 以及 Gemini v2 2B等小参数模型，且速度不堪理想，也经常因为显卡过热降…...
2024年智能录屏解决方案全攻略，从桌面到云端
如果你有过录屏经验那你一定遇到过被限制录制时长或者录制的画面比较模糊之类的情况。这次我我推荐几款免费录屏软件，让我们可以更自由的录制屏幕画面。 1.福晰REC大师 链接：www.foxitsoftware.cn/REC/ 这款软件便捷好操作，而且符合我这次…...
CentOS7.9下snmp v3 inform搭建监控端
1.基础环境配置 为了防止防火墙及selinux等的影响，需关闭防火墙及selinux等，具体参考： Linux常规基础配置_linux基础配置-CSDN博客 2.安装snmp yum源配置，具体参考： Linux常规基础配置_linux基础配置-CSDN博客 snmp安装命令： yum install -y net-snmp net-snmp-ut…...
水库大坝安全监测方案，双重守护，安全无忧
水库作为重要的水利设施，在防洪、灌溉及供水等方面发挥着重要作用。然而随着时间的推移，大坝面临着自然老化、设计标准不足及极端天气等多重挑战，其安全性与稳定性日益受到关注。水库堤坝险情导致的洪涝灾害给人民生命财产和经济社会发展带来…...
yolov8实现图片验证码识别
1、环境准备 1.1、安装miniconda 地址：Index of /anaconda/miniconda/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror 注意：为避免不兼容的问题，推荐下载py38版本，我下载的是Miniconda3-py38_23.1.0-1-Windows-x86_…...
代码随想录训练营 Day56打卡 图论part06 108. 冗余连接 109. 冗余连接II
代码随想录训练营 Day56打卡 图论part06 一、卡码108. 冗余连接 题目描述 有一个图，它是一棵树，他是拥有 n 个节点（节点编号1到n）和 n - 1 条边的连通无环无向图（其实就是一个线形图），如图&…...
QT天气预报
json 理论 什么是JSON? 规则 被大括号包括的是JSON对象,被中括号包括的是JSON数组. JSON数组JSON对象 实验 构建JSON 用代码实现如下json内容: //构建JSON void WirteJson() {QJsonObject rootObject;//1.插入name字段rootObject.insert("name","china&quo…...
JavaWeb中处理 Web 请求的方式总结
文章目录 JavaWeb中处理 Web 请求的方式总结1. 原始的 Servlet 方式1.1. 环境搭建**创建 Maven 或 Gradle 项目**：**添加 Servlet 依赖**：**创建 Servlet 类**：**配置项目**：**配置 Tomcat**： 1.2. 路由机制1.3. 示例代…...
React的事件与原生事件的执行顺序？
react自身实现了一套自己的事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等，虽然和原生的是两码事，但也是基于浏览器的事件机制下完成的。 react 的所有事件并没有绑定到具体的dom节点上而是绑定在了document 上，然后由…...
【Java】Runtime与Properties获取系统信息
Java系列文章目录 补充内容 Windows通过SSH连接Linux 第一章 Linux基本命令的学习与Linux历史 文章目录 Java系列文章目录一、前言二、学习内容：三、问题描述四、解决方案：4.1 代码4.2 运行结果 五、总结： 一、前言 这些都被淘汰比较少用了…...
基于SpringBoot的社团管理系统
作者：计算机学姐 开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。 专栏推荐：前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 基于JavaSpringBootVueMySQL的社团管理系统【附源码文档】、…...
UE5.3_跟一个插件—Socket.IO Client
网上看到这个插件，挺好！ 项目目前也没有忙到不可开交，索性跟着测一下吧： 商城可见，售价72.61人民币！ 但是，git上有仓库哦，免费！！ 跟着链接先准备起来： Documentation: GitHub - getnamo/SocketIOClient-Unreal: Socket.IO client plugin for the Unreal Engin…...
鸿蒙轻内核A核源码分析系列七 进程管理 (1)
往期知识点记录： 鸿蒙（HarmonyOS）应用层开发（北向）知识点汇总 轻内核A核源码分析系列一 数据结构-双向循环链表 轻内核A核源码分析系列二 数据结构-位图操作 轻内核A核源码分析系列三 物理内存（1࿰…...
qt QGraphicsScene场景坐标和场景内GraphicsItem局部坐标的相互转换
为了更清晰地解释场景坐标与局部坐标之间的转换过程，我们可以通过一个简单的实例来演示如何赋值场景坐标，并将其转换为图形项的局部坐标。 实例步骤 假设我们有一个场景 QGraphicsScene 和一个矩形图形项 QGraphicsRectItem，矩形的大小为 1…...
Windows与linux中docker的安装与使用
windos中安装使用docker 下载Docker_Desktop 安装包进入docker官网下载Docker_Desktop： https://www.docker.com/启用wsl 我们搜索“启用或关闭Windows功能”，打开后勾选适用于Linux的Windows 子系统 Docker_Desktop设置 出现Docker Engine stopp…...
some electronic products
纽扣电池 button cell 运动手环 sports wristband 智能手环 smart bracelet 皮卡丘夜灯 pikachu night lamp 数字显示充电器 Charger with a digital display 磁吸无线充 magnetic wireless charger 直流电机调速器 DC motor speed controller 继电器模块 relay module 锂离子电…...