px,em,rem之间的关系换算
px,em,rem之间的换算
px：普通大小
em：相对单位，相对于父元素的字体大小
rem：相对单位，相对于根元素（html）的字体大小
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>html{font-size: 20px;}.div1,.div2{border: 1px solid red;font-size: 16px;}.div1 p{font-size: 2em;}.div2 p{/* font-size: 1em;相对于父元素，2倍的16px */font-size: 2rem;相对于根元素，2倍的20px}</style>
</head>
<body><!-- px：50pxem：相对单位，相对于父元素的字体大小rem：相对单位，相对于根元素（html）的字体大小--><div class="div1"><p>你好666</p></div><div class="div2"><p>你好666</p></div>
</body>
</html>
相关文章：
px,em,rem之间的关系换算
px,em,rem之间的换算 px：普通大小 em：相对单位，相对于父元素的字体大小 rem：相对单位，相对于根元素（html）的字体大小 <!DOCTYPE html> <html lang"en"> <head>…...
HTTP——POST请求详情
POST请求 【传输实体文本】向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在POST请求体中。POST 请求可能会导致新的资源的建立或已有资源的修改。 场景： 1. 提交用户注册信息。 2. 提交修改的用户信息。 常见的…...
外包干了1个月，技术明显退步。。。
有一种打工人的羡慕，叫做“大厂”。 真是年少不知大厂香，错把青春插稻秧。 但是，在深圳有一群比大厂员工更庞大的群体，他们顶着大厂的“名”，做着大厂的工作，还可以享受大厂的伙食，却没有大厂…...
LeetCode加油站(贪心算法/暴力，分析其时间和空间复杂度)
题目描述 一.原本暴力算法 最初的想法是：先比较gas数组和cost数组的大小，找到可以作为起始点的站点(因为如果你起始点的油还不能到达下一个站点，就不能作为起始点)。当找到过后，再去依次顺序跑一圈，如果剩余的油为负数…...
5.1 软件工程基础知识-软件工程概述
软件工程诞生原因 软件工程基本原理（容易被考到） 软件生存周期 能力成熟度模型 - CMM 能力成熟度模型 - CMMI 真题...
HttpUtil工具
http工具 用到的依赖 <dependency><groupId>org.apache.httpcomponents</groupId><artifactId>httpclient</artifactId><version>4.5.13</version></dependency><dependency><groupId>org.apache.httpcomponent…...
并发编程-锁的分类
锁的分类 可重入锁&不可重入锁 可重入：当一个线程获取某个锁后，再次获取这个锁的时候是可以直接拿到的。不可重入：当一个线程获取某个锁之后，再次获取这个锁的时候拿不到，必须等自己先释放锁再获取。synchronized…...
K8S系列-Kubernetes基本概念及Pod、Deployment、Service的使用
一、Kubernetes 的基本概念和术语 一、资源对象 Kubernetes 的基本概念和术语大多是围绕资源对象 Resource Object 来说的，而资源对象在总体上可分为以下两类: 1、某种资源的对象 例如节点 Node) Pod 服务 (Service) 、存储卷 (Volume）。 2、…...
在VSCode上创建Vue项目详细教程
1.前期环境准备 搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备Node.js环境，就像Java开发要依赖JDK环境一样。 1.1 Node.js环境配置 1）具体安装步骤操作即可： npm 安装教程_如何安装npm-CSDN博客文章浏览阅读836次。本文主要在Win…...
Go语言入门之流程控制简述
Go语言入门之流程控制简述 1.if语句 if语句和其他语言一样，只不过go语言的if不需要用括号包裹 if 语句的分支代码块的左大括号与 if 关键字在同一行上，这是 go 代码风格的统一要求 简单实例： func main() {// 猜数字a : 2if a > 0 {if a…...
接口测试框架基于模板自动生成测试用例！
引言 在接口自动化测试中，生成高质量、易维护的测试用例是一个重要挑战。基于模板自动生成测试用例，可以有效减少手工编写测试用例的工作量，提高测试的效率和准确性。 自动生成测试用例的原理 为了实现测试用例数据和测试用例代码的解耦&a…...
C++ STL stable_sort用法
一：功能 对区间内元素进行排序，保证相等元素的顺序（稳定排序） 二：用法 #include <iostream>struct Record {std::string label;int rank; };int main() {std::vector<Record> data {{"q", 1},…...
YOLO v8进行目标检测的遇到的bug小结
OSError: [WinError 1455] 页面文件太小，无法完成操作。 我的python环境是放在C盘的： 在“我的电脑”点击鼠标右键，打开“属性”点击高级系统设置点击“设置”找到“高级”点击“更改”分配“虚拟内存”（这里需要重启电脑才能生…...
)
FastAPI -- 第二弹(响应模型、状态码、路由APIRouter、后台任务BackgroundTasks)
响应模型 添加响应模型 from typing import Anyfrom fastapi import FastAPI from pydantic import BaseModel, EmailStrapp FastAPI()class UserIn(BaseModel):username: strpassword: stremail: EmailStrfull_name: str | None Noneclass UserOut(BaseModel):username: s…...
案例 | 人大金仓助力山西政务服务核心业务系统实现全栈国产化升级改造
近日，人大金仓支撑山西涉企政策服务平台、政务服务热线联动平台、政务网、办件中心等近30个政务核心系统完成全栈国产化升级改造，推进全省通办、跨省通办、综合业务受理、智能审批、一件事一次办等业务的数字化办结进程，为我国数字政务服务提…...
如何用python写接口
如何用python写接口？具体步骤如下： 1、实例化server 2、装饰器下面的函数变为一个接口 3、启动服务 开发工具和流程： python库：flask 》实例化server：server flask.Flask(__name__) 》server.route(/index,met…...
轻量级可扩展易航网址引导系统源码V2.45
由于现在网站行业的不稳定，导致很地址频繁更换，不仅是网站，联系QQ，加群链接等需要更换时，好不容易发展的客户会因为找不到您新的网站地址而流失，有了引导页以后就可以安心地宣传无需担心客户丢失的问题。 …...
解决ESLint和Prettier冲突的问题
在配置了ESLint的项目中使用Prettier进行格式化可能会出现冲突，不如Prettier配置了使用双引号，ESLint配置了单引号，当然可以一个一个改成一样的配置，但是比较麻烦。我发现可以直接使用ESLint的规则进行格式化。在VSCode配置过程如…...
C判断一个点在三角形上
背景 鼠标操作时，经常要判断是否命中显示控件，特开发此算法快速判断。 原理 三角形三等分点定理是指在任意三角形ABC中，可以找到三个点D、E和F，使得线段AD、BE和CF均等分三角形ABC。 这意味着三个等分点分别位于三个边界上&…...
物业系统自主研发接口测试框架
1、自主研发框架整体设计 1.1、什么是测试框架? 在了解什么是自动化测试框架之前，先了解一下什么叫框架?框架是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法;另一种定义认为，框架是可被应用开发者定制的应用骨架…...
多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度
一、引言：多云环境的技术复杂性本质 企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时，基础设施的技术债呈现指数级积累。网络连接、身份认证、成本管理这三大核心挑战相互嵌套：跨云网络构建数据…...
Cursor实现用excel数据填充word模版的方法
cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例，…...
java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别
UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件 的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...
1688商品列表API与其他数据源的对接思路
将1688商品列表API与其他数据源对接时，需结合业务场景设计数据流转链路，重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点： 一、核心对接场景与目标 商品数据同步 场景：将1688商品信息…...
基础测试工具使用经验
背景 vtune，perf, nsight system等基础测试工具，都是用过的，但是没有记录，都逐渐忘了。所以写这篇博客总结记录一下，只要以后发现新的用法，就记得来编辑补充一下 perf 比较基础的用法： 先改这…...
【AI学习】三、AI算法中的向量
在人工智能（AI）算法中，向量（Vector）是一种将现实世界中的数据（如图像、文本、音频等）转化为计算机可处理的数值型特征表示的工具。它是连接人类认知（如语义、视觉特征）与…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包
文章目录 现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...
企业如何增强终端安全？
在数字化转型加速的今天，企业的业务运行越来越依赖于终端设备。从员工的笔记本电脑、智能手机，到工厂里的物联网设备、智能传感器，这些终端构成了企业与外部世界连接的 “神经末梢”。然而，随着远程办公的常态化和设备接入的爆炸式…...
稳定币的深度剖析与展望
一、引言 在当今数字化浪潮席卷全球的时代，加密货币作为一种新兴的金融现象，正以前所未有的速度改变着我们对传统货币和金融体系的认知。然而，加密货币市场的高度波动性却成为了其广泛应用和普及的一大障碍。在这样的背景下，稳定…...