re:从0开始的CSS学习之路 4. 长度单位
1. 长度单位
-
像素
px：一个像素就是屏幕中一个不可分割的点。我们应用的屏幕实际上是由一个个的像素点构成的。
不同显示器的像素点大小也不同，在屏幕尺寸相同的情况下，像素越小，显示效果越清晰。
大部分浏览器默认字体大小是16px -
百分比%：相对于父元素相同样式大小的百分比进行计算
优点：当父元素大小发生变化时，子元素的大小也会按比例进行调整 -
相对于字体大小单位
em：相对于当前元素字体大小进行计算
1em = 当前字体大小（1倍的font-size）
2em = 2倍font-size优点：字体大小发生变化时，em也会随之发生变化
-
rem：相对于根元素字体大小进行计算
示例如下：
<!DOCTYPE html>
<html lang="en" style="font-size: 30px;"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS length units</title>.father {font-size: 50px;width: 500px;background-color: #c7edcc;}.son {font-size: 200%;background-color: #fde6e0;/* width: 200%; */width: 6rem;}
</head><body><div class="father">今天天气不错<div class="son">挺风和日丽的</div></div>
</body></html>
PS：em和rem有些时候可能会有奇效
相关文章：
re:从0开始的CSS学习之路 4. 长度单位
1. 长度单位 像素px：一个像素就是屏幕中一个不可分割的点。我们应用的屏幕实际上是由一个个的像素点构成的。 不同显示器的像素点大小也不同，在屏幕尺寸相同的情况下，像素越小，显示效果越清晰。 大部分浏览器默认字体大小是16px …...
golang开源定时任务调度框架
golang开源定时任务调度框架 Go语言中有很多开源的定时任务调度框架，以下几个是比较流行常用的： golang开源定时任务框架介绍 cron 一个基于Cron表达式的定时任务库，可以精确到秒级。它提供了简单易用的API来定义和管理定时任务ÿ…...
GridModel事件集合——yonBIP低代码
我们接着看表格相关的事件，用友的文档打不开，真的是天大的404，客观请看这个开发文档网址，找不到了，你说holy 不咯？http://tinper.org/mdf/（如果有哪位小伙伴知道这个地址是不是迁移了的话&#…...
苹果macbook电脑删除数据恢复该怎么做？Mac电脑误删文件的恢复方法
苹果电脑删除数据恢复该怎么做？Mac电脑误删文件的恢复方法 如何在Mac上恢复误删除的文件？在日常使用Mac电脑时，无论是工作还是娱乐，我们都会创建和处理大量的文件。然而，有时候可能会不小心删除一些重要的文件&#x…...
2024年R2移动式压力容器充装证模拟考试题库及R2移动式压力容器充装理论考试试题
题库来源：安全生产模拟考试一点通公众号小程序 2024年R2移动式压力容器充装证模拟考试题库及R2移动式压力容器充装理论考试试题是由安全生产模拟考试一点通提供，R2移动式压力容器充装证模拟考试题库是根据R2移动式压力容器充装最新版教材，R2…...
云开发超多功能工具箱组合微信小程序源码/附带流量主
这是一款云开发超多功能工具箱组合微信小程序源码附带流量主功能，小程序内包含了40余个功能，堪称全能工具箱了，大致功能如下： 证件照制作 | 垃圾分类查询 | 个性签名制作 二维码生成丨文字九宫格 | 手持弹幕丨照片压缩 | 照片编…...
挑战杯 python+深度学习+opencv实现植物识别算法系统
0 前言 🔥 优质竞赛项目系列，今天要分享的是 🚩 基于深度学习的植物识别算法研究与实现 🥇学长这里给一个题目综合评分(每项满分5分) 难度系数：4分工作量：4分创新点：4分 🧿 更多…...
pytest的常用插件和Allure测试报告
pytest常用插件 pytest-html插件 安装： pip install pytest-html -U 用途： 生成html的测试报告 用法： 在.ini配置文件里面添加 addopts --htmlreport.html --self-contained-html 效果： 执行结果中存在html测试报告路…...
神经网络的权重是什么？
请参考这个视频https://www.bilibili.com/video/BV18P4y1j7uH/?spm_id_from333.788&vd_source1a3cc412e515de9bdf104d2101ecc26a左边是拟合的函数，右边是均方和误差，也就是把左边的拟合函数隐射到了右边，右边是真实值与预测值之间的均方…...
C语言代码 在屏幕上输出9*9乘法口诀表
在屏幕上输出9*9乘法口诀表。 代码示例： #include <stdio.h>int main() {int i 0;for (i 1; i < 9; i)//打印所有行的循环{int j 0;for (j 1; j < i; j)//打印每一行中所有列的循环{printf("%d*%d%-2d ", i, j, i * j);//%-2d的意思是两…...
11.0 Zookeeper watcher 事件机制原理剖析
zookeeper 的 watcher 机制，可以分为四个过程： 客户端注册 watcher。服务端处理 watcher。服务端触发 watcher 事件。客户端回调 watcher。 其中客户端注册 watcher 有三种方式，调用客户端 API 可以分别通过 getData、exists、getChildren …...
HGAME 2024 WEEK 1 :web ezHTTP
题目： 看到这个就知道是文件头伪造 第一想法就是Referer伪造 所以伪造 Referer: vidar.club 然后构造伪造的Referer 然后提示通过那些东西访问页面，User-Agent: 是构造你浏览器访问信息的，所以复制右边那一串替代就好了 然后要求我们从本地…...
Linux【docker 设置阿里源】
文章目录 一、查看本地docker的镜像配置二、配置阿里镜像三、检查配置 一、查看本地docker的镜像配置 docker info一般没有配置过是不会出现Registry字段的 二、配置阿里镜像 直接执行下面代码即可，安装1.10.0以上版本的Docker客户端都会有/etc/docker 1.建立配置…...
app逆向-frida-rpc详解
Frida-RPC是Frida工具的一个组件，用于在应用程序和Frida脚本之间进行远程过程调用（RPC）。远程过程调用是一种允许应用程序的不同部分或不同的应用程序之间进行通信的方法。在Frida中，RPC通过JavaScript脚本和应用程序之间建立通信…...
计算机网络（第六版）复习提纲27
7 TCP流量控制 A 利用滑动窗口实现流量控制 所谓流量控制，就是让发送方发送速率不要太快，让接收方来得及接收 1 利用窗口进行流量控制 2 持续计时器和零窗口探测报文（仅携带一字节的数据） B TCP的传输效率（TCP报文段的…...
解析与模拟常用字符串函数strcpy，strcat，strcmp，strstr（一）
今天也是去学习了一波字符串函数，想着也为了加深记忆，所以写一下这篇博客。既帮助了我也帮助了想学习字符串函数的各位。下面就开始今天的字符串函数的学习吧。 目录 strcpy与strncpy strcat与strncat strcmpy strstr strcpy与strncpy 在 C 语言中&…...
node.js后端+小程序前端+mongoDB（增删改查）
前言 今天我对比了以下node.js的express与python的fastAPI，我决定我还是出一期关于node.jsmangoDB小程序的小案例吧。 不是python的fastAPI不好用，因为fastAPI是python较新的技术，我不敢果断发出教学文章（这件事情还是留着给pyt…...
thinkphp数据批量提交(群发消息)
<form id="edit-form" class="form-horizontal" role="form" data-toggle<...
大华 DSS 数字监控系统 attachment_getAttList.action SQL 注入漏洞复现
0x01 产品简介 大华 DSS 数字监控系统是大华开发的一款安防视频监控系统，拥有实时监视、云台操作、录像回放、报警处理、设备管理等功能。 0x02 漏洞概述 大华 DSS存在SQL注入漏洞，攻击者 /portal/attachment_getAttList.action 路由发送特殊构造的数据包，利用报错注入获…...
vue2学习笔记（2/2）
vue2学习笔记（1/2） vue2学习笔记（2/2） 文章目录 1. 初始化脚手架2. 分析脚手架&render函数文件结构图示及说明main.jsindex.htmlApp.vueSchool.vueStudent.vue 关于不同版本的Vue修改默认配置vue.config.js配置文件 3. ref属…...
uniapp 之 base64转临时地址播放mp3
需求是：进入页面的时候是先有背景音乐，发送问题请求回答的时候会返回文字和音频，前端要把音频读出来，并且把背景音乐停止，读完音频后再打开背景音乐 一开始用的直接base64直接拼接在地址后 真机放不了 const innerAu…...
【网站项目】038汽车养护管理系统
🙊作者简介：拥有多年开发工作经验，分享技术代码帮助学生学习，独立完成自己的项目或者毕业设计。 代码可以私聊博主获取。🌹赠送计算机毕业设计600个选题excel文件，帮助大学选题。赠送开题报告模板ÿ…...
倒计时64天
B-小红的因子数_牛客周赛 Round 31 (nowcoder.com) 超时了（108.33/125） #include <bits/stdc.h> using namespace std; const int N 1e5 5; const int inf 0x3f3f3f3f; #define int long long void solve() {int x;cin>>x;if(x1){cout&…...
003集—三调数据库添加三大类字段——arcgis
在国土管理日常统计工作中经常需要用到三大类数据（农用地、建设用地、未利用地），而三调数据库中无三大类字段，因此需要手工录入三大类字段，并根据二级地类代码录入相关三大类名称。本代码可一键录入海量三大类名称统计…...
python基础使用之excel数据处理
当我们需要用python处理 Excel 表格数据时，Python 提供了一个强大的库pandas。pandas 是一个用于数据分析的开源 Python 库，它可以帮助我们轻松地读取、操作和分析 Excel 表格数据。下面通过一个实例，展示 pandas如何 来处理 Excel 表格数据的…...
【算法】【数据结构】算法与数据结构的关系
程序算法数据结构语言工具和环境 但在算法学习过程中，我认识到算法和数据结构是密不可分的，脱离数据结构谈论算法是空架子。 算法：解决问题的步骤和方法。对数据进行操作和处理的方法。 数据结构：用来存储数据的方式。 数据结构和…...
Libvirt 迁移标志详解
可参考：https://libvirt.org/html/libvirt-libvirt-domain.html#virDomainMigrateFlags 在虚拟化环境中，迁移是一项重要的功能，Libvirt 提供了一系列标志，用于控制迁移过程中的不同行为。以下是 virDomainMigrateFlags 枚举的详细…...
【数据分享】1929-2023年全球站点的逐月平均能见度（Shp\Excel\免费获取）
气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、能见度等指标，说到气象数据，最详细的气象数据是具体到气象监测站点的数据！ 之前我们分享过1929-2023年全球气象站点的逐月平均气温数据、逐月最高气温数据…...
NLP中的嵌入和距离度量
本文将深入研究嵌入、矢量数据库和各种距离度量的概念，并提供示例和演示代码。 NLP中的嵌入 嵌入是连续向量空间中对象、单词或实体的数值表示。在NLP中，词嵌入捕获词之间的语义关系，使算法能够更好地理解文本的上下文和含义。 让我们试着用…...
jsp教务管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目
一、源码特点 JSP 教务管理系统是一套完善的java web信息管理系统，对理解JSP java编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为 TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0&…...