当前位置：首页 > news >正文

CSS字体

news 来源：原创 2025/7/22 11:09:02

CSS字体

CSS 中的字体样式设置是网页设计的重要部分，以下是一些关键知识点和常见用法：
1.font-family ：用于设置元素的字体系列。可以指定一个或多个字体名称作为备选项，以确保如果某个字体不可用，可以使用下一个备选字体：

p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

2.font-size ：用于设置字体大小。可以使用绝对单位或相对单位来指定字体大小：

h1 { font-size: 2rem; }   /* 相对根元素 */
p { font-size: 16px; }    /* 绝对单位 */
small { font-size: 80%; } /* 相对父元素 */

3.font-weight ：用于设置字体粗细。常见取值有normal , bold（加粗） ,以及数值：

.bold { font-weight: 700; } /* 等价于 bold */
.light { font-weight: 300; }

4.font-style : 用于设置字体样式，如斜体。常见取值有 normal （默认），italic（斜体），以及oblique（倾斜）：

em { font-style: italic; }
.oblique { font-style: oblique 15deg; } /* 可调节角度 */

5.text-decoration : 用于设置文本修饰效果，如下划线和删除线。常见的取值有none (无修饰)， underline（下划线），和line-through（删除线）:

a{text-decoration: underline;
}

当涉及到字体样式的示例时，可以使用CSS中的字体相关属性来演示。
以下是设置元素字体样式示例：

<!DOCTYPE html>
<html>
<head><title>CSS字体示例</title> <!-- 修正标题拼写 --><style>.custom-font {font-family: "Arial", sans-serif;font-size: 24px;font-weight: bold;font-style: italic;text-decoration: underline;} /* 添加闭合的大括号 */</style>
</head>
<body><p class="custom-font">This is a custom font example.</p><p>This is a regular paragraph.</p>
</body>
</html>

CSS字体

CSS字体 CSS 中的字体样式设置是网页设计的重要部分，以下是一些关键知识点和常见用法： 1.font-family ： 用于设置元素的字体系列。可以指定一个或多个字体名称作为备选项，以确保如果某个字体不可用，可以使用下一个备选…...

编程日记 2025/7/22 11:09:02

JDBC:数据库访问的原始接口

目录一、JDBC 基础入门：数据库访问的原始接口 JDBC 是什么？它在 Java 中扮演什么角色？ JDBC 工作原理图解（驱动 -> 连接 -> 执行 -> 关闭） 常见 JDBC 驱动类型及差异第一个 JDBC 示例程序：连…...

编程日记 2025/7/22 11:07:38

使用 Electron 打包可执行文件和资源：完整实战教程

一.项目结构项目结构建议如下： my-electron-app/ ├── example.exe ← 需打包的外部程序 ├── config.json ← 配置文件 ├── native-lib/ ← 自定义库或 DLL │ └── yourlib.dll ├── main.js …...

编程日记 2025/7/17 11:44:17

【网络安全】CI/CD 流水线漏洞

【网络安全】CI/CD 流水线漏洞 1. 保护您的软件管道：CI/CD 安全2. 什么是 CI/CD 以及它为何重要？2.1 持续集成（CI）：构建坚实的基础2.2 持续交付（CD）：准备发布2.3 持续部署&#xff0…...

编程日记 2025/6/29 11:12:11

计算机是如何工作的（上）

对于学习JavaEE初阶为什么要知道计算机是如何工作的，是因为在未来我们写代码的时候，会出现一些bug，而在代码层面是看不出来的，所以我们需要了解一些关于计算机内部是如何工作的，从而提高代码的健壮度。计算机的组成&…...

编程日记 2025/7/18 20:18:45

【SF顺丰】顺丰开放平台API对接（Java对接篇）

对接前置篇： 【SF顺丰】顺丰开放平台API对接（注册、API测试篇）_顺丰api接口对接指南-CSDN博客 1.实现效果展示 2.SF顺丰开放平台，JDK资源下载。下载地址：顺丰开放平台 3.将下载的JDK放入项目中。 4.将JDK资源引入p…...

编程日记 2025/7/21 7:54:43

【KWDB创作者计划】_针对KWDB时序数据库（多副本集群环境）进行压力测试

【KWDB创作者计划】_针对KWDB时序数据库（多副本集群环境）进行压力测试 1. 概述2. 压测环境部署3. 生成测试数据4. 写入性能测试5. 查询性能测试7. 总结 1. 概述 KWDB是一款主要应用于工业物联网、数字能源、车联网、智慧产业等领域的时序数据库&#xff…...

编程日记 2025/7/16 16:33:00

24.中医知识问答删除历史对话功能前端代码实现

前端实现对话删除功能的完整指南功能概述前篇文章介绍了删除历史对话的后端开发，本篇将介绍如何在前端实现一个完整的对话删除功能，包括用户确认、API调用、状态管理和错误处理等关键环节。功能拆解 1. 用户确认机制 javascript const confirmDe…...

编程日记 2025/6/29 11:34:07

在Cursor编辑器上部署MCP（Minecraft Coder Pack）完整指南

MCP（Minecraft Coder Pack）是用于反编译和修改Minecraft Java版代码的工具包。本教程将详细介绍如何在Cursor编辑器中配置和运行MCP，以便高效地进行Minecraft模组开发或代码研究。 1. 准备工作 1.1 所需工具 Cursor编辑器（基于VS…...

编程日记 2025/7/7 22:59:53

STM32——相关软件安装

本文是根据江协科技提供的教学视频所写，旨在便于日后复习，同时供学习嵌入式的朋友们参考，文中涉及到的所有资料也均来源于江协科技（资料下载）。 Keil5 MDK安装 1.安装Keil5 MDK2.安装器件支持包方法一：离线…...

编程日记 2025/6/29 11:46:07

蓝牙WiFi模组rtl8821cs在Android14调

环境 SDK: AOSP14 主控：RK3576 蓝牙：RTL8821CS 先记一下官网文档关于蓝牙的资料蓝牙 | Android Open Source Project 还在调，先看看啥情况，点赞多或者想起来记录再回来 TODO...

编程日记 2025/6/29 11:36:10

MCP实践第一步--磕磕碰碰搭环境

由于deepseek-r1不支持function calling，所以我们采用了deepseek-v3进行实践，模型名称为deepseek-chat，在deepseek官网获取api-key。一、参照MCP官网设置环境创建项目目录 uv init mcp-client # 若没有uv，则先通过pip instal…...

编程日记 2025/7/18 16:21:27

Java并发：线程池

目录一、核心概念与设计原理 1、线程池的核心价值 2、核心接口和类 3、线程池的核心构造参数 4、线程池工作流程二、参数选择 1、任务队列选择 2、拒绝策略选择 3、常见线程池选择 4、参数调优三、应用 1、创建建议 2、生命周期管理：优雅关闭 3、…...

编程日记 2025/7/4 8:35:49

Kubernetes集群超配节点容量

目录： 1、节点超配简介2、创建 PriorityClass3、运行请求节点容量的 Pod4、调整占位资源请求5、设置所需的副本数量6、自动扩缩容组件6.1、手动方式6.2、自动方式 1、节点超配简介节点超配是一种主动预留部分集群计算资源的策略。这种预留有助于减少在扩缩容事件期…...

编程日记 2025/6/29 10:26:07

每日一题（小白）回溯篇7

首先我们可以判断出这是一个dfs的题目，因为简言之就是要求最短路径。其次这个题目与直接找最短路径有所不同，增加了条件必须依次穿过指定的符号。无论坦克走到任何一点都有四个方向可以走（越界要判断），结束的条件是到达…...

编程日记 2025/6/29 12:03:46

rk3588上完成halcon的形状模型配准以及和opencv的图像转换

一、准备工作 1）安装好halcon，确保halcon的c的调用是正常的 2）编译好opencv 上面的两个步骤，均可以参考我的两个博文完成： Halcon在linux及ARM上的安装及c工程化_halcon linux-CSDN博客 RK3588上编译opencv 及基于…...

编程日记 2025/6/29 10:04:57

Spring Boot 断点续传实战：大文件上传不再怕网络中断

精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取一、痛点与挑战在网络传输大文件（如视频、数据集、设计稿）时，常面临： 上传中途网络中断需重新开始服务器内…...

编程日记 2025/7/22 10:53:59

Springboot集成websocket实现消息推送

假设有个需求需要多个用户同时在对应的消息面板实时查看相关接口的执行流程进度，此时可以可考虑使用websocket来实现结果进度推送一、引入websocket依赖，并编写WebSocket配置类 <dependency><groupId>org.springframework.boot</group…...

编程日记 2025/7/10 12:15:27

PostgreSQL 用户资源管理

PostgreSQL 用户资源管理 PostgreSQL 提供了多种机制来管理和限制用户对数据库资源的使用，以下是全面的资源管理方法： 1 连接限制 1.1 限制最大连接数 -- 在 postgresql.conf 中设置 max_connections 100 -- 全局最大连接数-- 为特定用户设置连接限…...

编程日记 2025/7/9 15:34:06

Uniapp：pages.json页面路由

目录一、pages二、style 一、pages uni-app 通过 pages 节点配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象，其属性值如下： 属性类型默认值描述pathString配置页面路径styleObject配置页面窗口表现nee…...

编程日记 2025/7/3 14:38:32

使用open3d将pcd点云按照颜色等级分块显示并令其随颜色变化播放

👑主页：吾名招财 👓简介：工科学硕，研究方向机器视觉，爱好较广泛… 💫签名：面朝大海，春暖花开！使用open3d将pcd点云按照颜色等级分块显示并令其随颜色变化播放引言显示效果点云获取完整代码引言有很多时候我们需要更改pcd点云某些区域的颜色，可能是颜色随着点…...

编程日记 2025/7/19 13:13:14

玩转Docker | 使用Docker部署nullboard任务管理工具

玩转Docker | 使用Docker部署nullboard任务管理工具前言一、nullboard介绍简介主要特点二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署nullboard服务下载镜像创建容器创建容器检查容器状态检查服务端口安全设置四、访问nullboard服务访问nullboard首页五…...

编程日记 2025/7/4 19:24:45

如何避免流程形式化导致的效率低下？

要避免流程形式化导致的效率低下，核心在于：聚焦流程价值、保障执行灵活性、优化流程设计、建立反馈机制、提升执行感知。其中，聚焦流程价值是解决流程“空转”的首要原则。流程不应只是文档或制度的堆叠，而要服务于业务目标&…...

编程日记 2025/6/29 12:08:14

Java学习手册：HTTP 协议基础知识

一、HTTP 协议概述 HTTP（HyperText Transfer Protocol）即超文本传输协议，是用于从万维网（WWW：World Wide Web ）服务器传输超文本到本地浏览器的传输协议。它是一个应用层协议，基于请求-响应模型…...

编程日记 2025/6/29 10:44:10

基于多模态融合算法的航空武器毁伤评估技术方案

基于多模态融合算法的航空武器毁伤评估技术方案 1. 引言航空武器毁伤评估（Damage Assessment, DA）是现代战争中的关键环节，直接影响后续作战决策。传统的人工评估方式效率低、主观性强，且在高强度战场环境下难以实时完成。因此，本研究提出一种基于多模态融合算法的自动…...

编程日记 2025/7/19 9:58:01

欧拉-国产操作系统替代产品如何

欧拉（openEuler）国产操作系统是由华为发起并联合开源社区共同开发的企业级操作系统，旨在构建自主可控的数字基础设施生态底座。以下从开发背景、技术特点、应用场景、生态建设及市场表现等方面进行全面介绍：一、开发背景与战略定位国家需求驱动在中美技术竞争背景下，国…...

编程日记 2025/6/29 11:08:18

入门-C编程基础部分：16、预处理器

飞书文档https://x509p6c8to.feishu.cn/wiki/DzSJwsGiTiXkeCkyEYUcuXbKnbf C 预处理是编译过程中一个单独的步骤，是一个文本替换工具而已。所有的预处理命令都是以井号（#）开头。指令描述#define定义宏#ifdef如果宏已经定义，则返…...

编程日记 2025/7/8 19:30:03

Spark-SQL4

一 .Spark-SQL核心编程（六） Spark-SQL连接Hive Apache Hive 是 Hadoop 上的 SQL 引擎，Spark SQL 编译时可以包含 Hive 支持，也可以不包含。包含 Hive 支持的 Spark SQL 可以支持 Hive 表访问、UDF (用户自定义函数)、Hive 查询语…...

编程日记 2025/7/18 20:40:13

模数转换【1】AD7699

1.开发背景一款可以模数转换芯片，兼容通用 SPI 接口，支持最多支持 8 个通道和 500KSPS 的采样率。支持单个通道采集和扫描采集模式。同系列的芯片还有 AD7682 和 AD7689 等。 2.开发需求配置内部参考电压4.096V，实现单个通道采集和扫描采集…...

编程日记 2025/7/19 10:28:49

P5670 秘籍-反复异或 Solution

Description 给定序列 a ( a 1 , a 2 , ⋯ , a n ) a(a_1,a_2,\cdots,a_n) a(a1,a2,⋯,an) 和常数 m m m，有 q q q 个操作分两种： add ⁡ ( l , r , x ) \operatorname{add}(l,r,x) add(l,r,x)：对每个 i ∈ [ l , r ] i\in[l,r] …...

编程日记 2025/6/29 12:10:33

PID控制程序编写

目录一、C语言PID控制器示例代码二、代码解释三、重要注意事项一、C语言PID控制器示例代码 #include <stdio.h> #include <stdlib.h> #include <unistd.h> // For sleep function typedef struct { double Kp; // 比例增益 double…...

编程日记 2025/7/13 13:29:18

基于Python的施工图与竣工图对比小工具开发方案

基于Python的施工图与竣工图对比小工具开发方案一、引言在工程建设领域，施工图与竣工图的对比是项目验收的关键环节。传统人工对比方式效率低、易出错，本文基于Python开发一款自动化对比工具，支持快速检测图纸差异并生成可视化报告&#x…...

编程日记 2025/7/9 15:22:12

2025年世界职业院校技能大赛实施方案（意见稿）

为贯彻落实《教育强国建设规划纲要（2024—2035年）》，进一步提升世界职业院校技能大赛（以下简称“大赛”）内涵质量，发挥大赛引领作用，提升高技能人才培养质量，服务现代职业教育体系建…...

编程日记 2025/6/29 12:00:56

辛格迪客户案例 | 苏州富士莱医药GMP培训管理(TMS)项目

一、案例概述富士莱医药股份有限公司位于美丽的江南水乡常熟，前身为常熟富士莱医药化工有限公司，从建厂初期面积仅有10余亩，逐步扩展到100余亩。近年来公司飞速发展，以黑马姿态发展成为中国专业生产硫辛酸系列产品、肌肽系列产品…...

编程日记 2025/7/13 23:43:55

《网安面试指南》https://mp.weixin.qq.com/s/RIVYDmxI9g_TgGrpbdDKtA?token1860256701&langzh_CN 5000篇网安资料库https://mp.weixin.qq.com/s?__bizMzkwNjY1Mzc0Nw&mid2247486065&idx2&snb30ade8200e842743339d428f414475e&chksmc0e4732df793fa3bf39…...

编程日记 2025/6/29 9:41:05

【基于WSAAsyncSelec模型的通信程序设计】

文章目录一、实验背景与目的二、实验设计与实现思路1. 设计思想2. 核心代码实现总结一、实验背景与目的这次实验主要是为了让大家了解基于 WSAAsyncSelect 模型通信程序的编写、编译和执行过程。通过实践操作，深入掌握这种模型在实现计算机之间通信时的应用。 …...

编程日记 2025/6/29 11:56:47

Spring Boot+Mybatis设置sql日志打印

Spring BootMybatis设置sql日志打印在全局配置文件添加以下内容：logging.level.com.demo.mapperdebug，com.demo.mapper：src下的mapper路径，debug：设置日志打印级别为debug，亦可设置为：ERROR、…...

编程日记 2025/6/29 10:50:38

Java 性能优化：从硬件到软件的全方位思考

Java 性能优化：从硬件到软件的全方位思考在数字化飞速发展的当下，Java 作为广泛使用的编程语言，在各个应用领域发挥着关键作用。而 Java 性能优化作为提升系统运行效率、降低成本的核心环节，需要我们从硬件到软件进行全方位深入…...

编程日记 2025/6/29 11:00:08

ros2 humble moveit调试笔记

Overview — ROS2 Grasp Library Tutorials 0.5.0 documentation Robot Interface — ROS2 Grasp Library Tutorials 0.5.0 documentation 手动添加ompl_planning.yaml文件 planning_plugins:- ompl_interface/OMPLPlanner # To optionally use Ruckig for jerk-limited s…...

编程日记 2025/6/29 10:57:16

静态点亮数码管的某几段（STC89C52单片机）

#include <reg52.h> sbit ADDR0 P1^0; sbit ADDR1 P1^1; sbit ADDR2 P1^2; sbit ADDR3 P1^3; sbit ENLED P1^4; void main() { ENLED 0; //使能U3，选择数码管DS1 ADDR3 1; ADDR2 0; ADDR1 0; ADDR0 0; P0 0xF9; /…...

编程日记 2025/6/29 11:19:55

搭建哨兵架构

Redis大纲 3.1.sentinel环境准备： a.3个sentinel实例信息： 1.sentinel实例信息如下，sentinel只是起到监控作用，不存放数据！！2.为了节省资源，在同一台虚拟机开启3个实例，必须准备三…...

编程日记 2025/6/29 10:45:58

阿里云入门手册

阿里云入门手册一、付费方式二、云计算基础概念（一）云计算定义（二）云计算优势（三）云计算部署模式（四）专有网络 VPC 三、阿里云ECS实例（一）实例类型&#xff…...

编程日记 2025/6/29 10:50:47

AI日报 - 2024年04月22日

🌟 今日概览(60秒速览) ▎🤖 模型进展 | Google发布Gemini 2.5 Flash，强调低延迟与成本效益；Kling AI 2.0展示多轴运动视频生成；研究揭示SLM在知识图谱上优于LLM，RLHF在推理提升上存局限。 ▎💼…...

编程日记 2025/6/29 10:24:10

Windows BilibiliHistoryFetcher-v1.3.2-v1.2.1-开源B站历史记录管理工具[支持批量管理下载]

Windows BilibiliHistoryFetcher 链接：https://pan.xunlei.com/s/VOONAVJpANYPmzu1Zc3B0q1XA1?pwdnrjc# 使用说明： 以1.3.2与1.2.1版本为例需要下载 BiliBili-History-Frontend 前端程序，在下载 BilibiliHistoryAnalyzer 解压运行&#…...

编程日记 2025/7/20 20:46:44

CH585单片机的LCD外设怎么驱动段式LCD

1、首先这里只讲应用，不讲具体原理。要驱动段式LCD，这里就要知道占空比的调整，比如1/4为例就需要4个COM口。这4个COM口由单片机自行驱动，你不用管。就像硬件IIC和SPI，时序问题不用你去操心，你要做的就是向…...

编程日记 2025/6/29 11:52:18

包管理工具有哪些？主流软件分享

常见的包管理工具主要有：npm、Yarn、pnpm、Composer、Maven、pip、Conda 等，其中 npm 是目前全球使用最广泛的JavaScript包管理工具，以丰富的生态、便捷的使用体验以及强大的社区支持闻名。npm具备依赖管理、版本控制、脚本执行等强大功能&am…...

编程日记 2025/6/29 11:11:43

【网络安全】OWASP 十大漏洞

1. OWASP 十大漏洞为了应对未来的风险，安全专业人员需要随时掌握最新信息。之前，您了解了CVE 列表，这是一个公开的已知漏洞和暴露列表。CVE 列表是全球安全社区相互共享信息的重要信息来源。在本文中，您将了解安全专业人士参考…...

编程日记 2025/6/29 9:41:12

Fortran中FORALL的用法与性能分析

Fortran中FORALL的用法与性能分析 FORALL语句的基本用法 FORALL是Fortran 95引入的一种结构，用于表达并行数组操作。它的基本语法如下： FORALL (index start:end:stride, mask)array(index) expression END FORALL或者更复杂的多维度形式&#xff1…...

编程日记 2025/7/17 16:30:49

web组件和http协议

1.web组件 2.自定义元素 3.影子DOM 4.HTML模板 5.http协议 6.tcp ip协议...

编程日记 2025/7/4 8:55:56

CSS字体

相关文章：