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

CSS核心笔记002

news 来源：原创 2025/8/21 5:35:05

margin塌陷问题

第一个子元素的上margin会作用在父元素上,
最后一个子元素的下margin会作用在父元素上

解决

1. 给父元素设置 不为0的pandding 
2. 给父元素设置宽度不为0 的border
3. 给父元素设置样式 overflow:hidden

margin合并问题

兄弟元素的下外margin和会下面兄弟的上外margin会取一个最大值而不是合并计算

解决

布局上下兄弟元素,设置一个上下外边距即可

元素之间空白问题

行内 行内块 之间距离会解析成为一个空格

解决

给父元素设置 font-size:0,即可.在给元素单独设置样式

行内块 行内元素

被父元素当成文本处理.可以设置 文本的 居中对齐效果等
比如 text-align 、 line-height 、 text-indent

行内块幽灵空白问题

原因

行内块元素与文本的基线对齐，而文本的基线与文本最底端之间是有一定距离的。

解决

方案一： 给行行内块设置 vertical ，值不为 baseline 即可，设置为 middel 、 bottom 、
top 均可。方案二： 若父元素中只有一张图片，设置图片为 display:block 。方案三： 给父元素设置 font-size: 0 。如果该行内块内部还有文本，则需单独设置 fontsize 。

相关文章：

CSS核心笔记002

margin塌陷问题 第一个子元素的上margin会作用在父元素上, 最后一个子元素的下margin会作用在父元素上解决 1. 给父元素设置 不为0的pandding 2. 给父元素设置宽度不为0 的border 3. 给父元素设置样式 overflow:hiddenmargin合并问题 兄弟元素的下外margin和会下面兄弟的上…...

编程日记 2025/8/21 5:35:05

前端路由缓存实现

场景：以一体化为例：目前页面涉及页签和大量菜单路由，用户想要实现页面缓存，即列表页、详情页甚至是编辑弹框页都要实现数据缓存。 方案：使用router-view的keep-alive实现 。 一、实现思路 1.需求梳理 需要缓存模块&…...

编程日记 2025/8/17 1:56:19

加密软件的发展：从古典密码到量子安全

在数字化时代，信息安全已成为个人隐私、商业机密乃至国家安全的重要基石。加密软件作为保护信息安全的核心工具，经历了从简单替换到复杂算法的漫长演变过程。本文将系统梳理加密软件的发展历程，分析当前主流技术，并展望未来趋势。…...

编程日记 2025/8/16 23:29:37

用Zotero + Word 宏，一键插入带超链接的参考文献！

第一步：准备好Zotero Word 确认你已经完成以下准备： ✅ 已安装好 Zotero ✅ 已安装好 Zotero Word 插件（一般自动装好了） ✅ Word 可以正常插入参考文献 ✅ 已插入好一组参考文献（可以先插几个测试） …...

编程日记 2025/8/19 13:53:42

Java SpringBoot的自定义配置

一，一个类多个属性的情况 application.properties配置文件写法 my.config.ip127.0.0.1 my.config.port8080自定义配置类：MyTestConfig import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.boot.context.properties…...

编程日记 2025/8/20 22:00:09

Spring Boot 动态热更新 HTTPS 证书的实现与原理

在实际生产环境中，HTTPS 证书定期更新是非常常见的需求。传统方式通常要求重启服务来加载新证书，但在一些高可用系统中，重启服务会造成连接中断和短暂不可用。本篇文章将介绍如何在 Spring Boot 项目中，实现 不重启服务的情况下热…...

编程日记 2025/8/20 18:02:46

天工股份业绩大起大落：2024营收双位数下滑，稳定性或存疑

《港湾商业观察》施子夫 近期，江苏天工科技股份有限公司（以下简称，“天工股份”）拟公开发行股票并在北京证券交易所上市获得中国证监会同意注册，完成上市审核阶段中最后也是最关键的一步。 值得一提的是，…...

编程日记 2025/8/18 7:50:19

深入浅出 NVIDIA CUDA 架构与并行计算技术

🐇明明跟你说过：个人主页 🏅个人专栏：《深度探秘：AI界的007》 🏅 🔖行路有良友，便是天堂🔖 目录 一、引言 1、CUDA为何重要：并行计算的时代 2、NVIDIA在…...

编程日记 2025/8/19 15:59:55

网安融合：打造网络+安全一体化的超预期体验

近日,2025锐捷网络EBG(中国)核心伙伴大会在苏州圆满落幕。来自全国2000合作伙伴齐聚苏州,共同见证这场盛会的举办。会上,锐捷网络发布了七大战略产品解决方案。其中网络安全产品事业部产品市场总监沈世海发布了“打造网络安全一体化的超预期体验”的主题报告。报告围绕让“让渠…...

编程日记 2025/8/17 18:29:50

通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等

通义灵码新上的外挂 Project Rules 获得了开发者的一致好评：最小成本适配我的开发风格、相当把团队经验沉淀下来，是个很好功能…… 那么有哪些现成的 Rules 可以抄作业呢，今天我们官方输出了 Java、TypeScript、Python、Go、JavaScript 等语…...

编程日记 2025/8/17 20:05:48

3D人脸扫描技术如何让真人“进入“虚拟，虚拟数字人反向“激活“现实？

随着虚拟人技术的飞速发展，超写实数字人已经成为数字娱乐、广告营销和虚拟互动领域的核心趋势。无论是企业家、知名主持人还是明星，数字分身正在以高度还原的形象替代真人参与各类活动，甚至成为品牌代言、直播互动的新宠。 3D人脸扫描&#…...

编程日记 2025/8/17 20:49:55

12孔AG调陶笛音域全解析：从E4到C6的演奏艺术

一、音域范围的精准界定 12孔AG调陶笛的音域范围为E4（低音Mi）至C6（高音Do），横跨13个自然音级（即E4-F4-G4-A4-B4-C5-D5-E5-F5-G5-A5-B5-C6）。若以半音计算，实际覆盖15个半音&#xf…...

编程日记 2025/8/21 4:20:24

IDEA编译错误Refer to the generated Javadoc files in xxx apidocs dir

文章目录 一、IDEA编译报错 Refer to the generated Javadoc1.1、报错内容1.2、解决办法 一、IDEA编译报错 Refer to the generated Javadoc 1.1、报错内容 Command line was: /opt/jdk1.8.0_181/jre/../bin/javadoc options packagesRefer to the generated Javadoc files i…...

编程日记 2025/8/20 21:20:56

高效培训，借助课程编辑器塑造卓越团队​

（一）打造沉浸式培训体验​ 在企业人才培养体系里，培训是提升员工能力素质的重要手段，课程编辑器中的 VR 技术为企业培训带来新体验。以机械制造企业为例，以往员工培训靠书面资料、平面图片或简单视频讲解复杂机械设备结…...

编程日记 2025/8/17 10:41:32

Pikachu靶场-CSRF

CSRF (跨站请求伪造) 详细介绍与技术分析 一、什么是 CSRF? CSRF（Cross-Site Request Forgery，跨站请求伪造），是一种利用已认证用户的身份，诱使该用户执行恶意操作的攻击手段。攻击者通过伪造一个用户请求&#xff0c…...

编程日记 2025/8/17 20:34:43

Flask(3): 在Linux系统上部署项目

1 前言 说实话，我并不想接触linux系统，要记住太多的命令。我更习惯windows系统，鼠标点点，只要记住少量的命令就可以了。 但是我选择了python，就注定无法逃避linux系统。虽然python也能在windows上很好的运行&#xff0…...

编程日记 2025/8/21 5:28:04

React JSX 语法深度解析与最佳实践

本文系统梳理 JSX 语法的完整知识体系。通过原理剖析、代码示例和开发警示&#xff0c;帮助开发者建立严谨的 JSX 使用认知。 一、JSX 本质解析 1.1 编译机制 JSX 通过 Babel 转换为 React.createElement 调用&#xff0c;以下为转换对照&#xff1a; // 原始 JSX <MyCo…...

编程日记 2025/8/17 6:58:49

岚图L3智能架构发布，9大首发新技术引领电动车变革

4月16日&#xff0c;岚图汽车在北京举办了L3级智能架构技术发布会&#xff0c;发布岚图天元智架。 据「TMT星球」了解&#xff0c;天元智架首发青云L3级智能安全行驶平台与鲲鹏L3级智能安全驾驶系统两大核心智能化技术集群&#xff0c;融合多项先进技术与黑科技&#xff0c;推…...

编程日记 2025/8/21 4:19:20

Nginx | Apache 配置 WebSocket 多层代理基本知识（附疑难杂症）

目录 前言1. 问题所示2. 基本知识3. 原理分析3.1 返回2003.2 返回4003.3 返回5004. 彩蛋前言 🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF 爬虫神器，无代码爬取，就来：bright.cn 1. 问题所示 本地测试可以，上了域名的测试就不行了！ WebSocket con…...

编程日记 2025/8/17 13:37:07

山东大学软件学院创新项目实训开发日志（18）之对话自动生成标题设为用户第一次对话发的文字

本次功能的实现主要集中在后端&#xff0c;前端代码不用改变&#xff1a; 前端界面效果展示&#xff1a;...

编程日记 2025/8/17 8:34:08

【web考试系统的设计】

文章目录 一、实验背景与目的二、实验设计与实现思路1. 功能架构2. 核心代码实现 总结 一、实验背景与目的 本次实验旨在深入理解Request、response对象的作用&#xff0c;Request对象的作用是与客户端交互&#xff0c;收集客户端的Form、Cookies、超链接&#xff0c;或者收集…...

编程日记 2025/8/17 18:27:19

【MySQL】库的操作

&#x1f3e0;个人主页&#xff1a;Yui_ &#x1f351;操作环境&#xff1a;Centos7 &#x1f680;所属专栏&#xff1a;MySQL 文章目录 1. 创建一个数据库1.1 创建一个数据库&#xff08;演示 2. 字符集和校验规则2.1 字符集2.2 校验规则2.3 知识补充&#xff1a;&#xff09;…...

编程日记 2025/8/19 17:41:19

Face Swap 1.3.8| 解锁专业版，无限制换脸，视频换脸，释放您的创造力

Face Swap Pro - AI Photo Editor 「换脸 - AI 照片编辑器」释放您的创造力&#xff01;通过换脸 - AI 照片编辑器&#xff0c;将您的想象变为现实&#xff0c;这是在照片和视频中交换人脸的终极应用程序。无论您是想探索不同的造型&#xff0c;穿越到另一个时代&#xff0c;还…...

编程日记 2025/8/17 18:28:03

AUTOSAR图解==＞AUTOSAR_SWS_DefaultErrorTracer

AUTOSAR 默认错误追踪器(Default Error Tracer)详细分析 基于AUTOSAR 4.4.0规范的深入解析 目录 概述 DET模块的作用DET模块的定位 架构设计 模块架构接口设计 状态与行为 状态转换错误报告流程 API与数据结构 API概览数据类型定义 配置与扩展 模块配置回调机制 总结 1. 概述 …...

编程日记 2025/8/20 15:59:15

【hadoop】master一键启动hadoop集群（高可用）

之前写了一篇【hadoop】master一键启动zkServer-CSDN博客 现在是最好的安排&#xff1a; 1. cd ~ vim hadoop-all.sh #!/bin/bash# 检查参数是否为 start 或 stop if [ "$1" "start" ]; then# 启动服务sh ~/zk-all.sh startstart-dfs.shstart-yarn.s…...

编程日记 2025/8/17 21:10:43

细说STM32单片机FreeRTOS任务管理API函数及多任务编程的实现方法

目录 一、FreeRTOS任务管理API函数 1、任务管理API函数 2、获取任务的句柄 &#xff08;1&#xff09;函数xTaskGetCurrentTaskHandle() &#xff08;2&#xff09;函数xTaskGetIdleTaskHandle() &#xff08;3&#xff09;函数xTaskGetHandle() 3、单个任务的操作 &a…...

编程日记 2025/8/16 20:46:40

从0开始掌握动态规划

动态规划的核心思想 -- 以空间换时间 复杂点说通过分解问题为子问题并存储子问题解来优化复杂计算的算法策略。 简单看个问题。 一&#xff0c;初始&#xff1a;求最长连续递增子序列 nums [10,9,2,5,3,7,101,18] 求上面数组中的最长连续递增子序列&#xff0c;输出其长度 …...

编程日记 2025/8/17 18:28:00

解锁向量数据库：实现高效过滤与管理的实用方法

1. 带过滤的相似性搜索 大多数向量数据库不仅可以存储向量数据&#xff0c;还支持存储相关元数据。这些元数据可以包括文本原文、扩展信息、页码、文档 ID、作者、创建时间等自定义信息&#xff0c;通常用于实现数据检索。 向量数据库记录 向量(vector)元数据(metadata)id遗…...

编程日记 2025/8/17 18:25:02

数码管LED显示屏矩阵驱动技术详解

1. 矩阵驱动原理 矩阵驱动是LED显示屏常用的一种高效驱动方式&#xff0c;利用COM&#xff08;Common&#xff0c;公共端&#xff09;和SEG&#xff08;Segment&#xff0c;段选&#xff09;线的交叉点控制单个LED的亮灭。相比直接驱动&#xff0c;矩阵驱动可以显著减少所需I/…...

编程日记 2025/8/20 21:48:10

C++模板初阶

1.函数模板 模板是C中一个非常重要的东西&#xff0c;也是下一步学stl的最后一块拼图。那看看最后一块拼图是什么呢&#xff1f;C祖师爷在写C语言时遇到了有个非常难受的地方&#xff1a; 遇到有很多类型变量交换的时候就要写不同的交换函数&#xff0c;再新增类型的交换还要…...

编程日记 2025/8/17 18:25:12

第六章：6.3求一个3*3的整型矩阵对角线元素之和

//求一个3*3的整型矩阵对角线元素之和 #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> int main() {int i 0, j 0;int arr[3][3] { 0 };printf("请输入一个3*3的矩阵:\n");for (i 0; i < 3; i){for (j 0; j < 3; j){scanf("%d", …...

编程日记 2025/8/20 3:56:18

Oracle 19c部署之初始化实例(三)

上一篇文章中&#xff0c;我们已经完成了数据库软件安装&#xff0c;接下来我们需要进行实例初始化工作。 一、初始化实例的两种方式 1.1 图形化初始化实例 描述&#xff1a;图形化初始化实例是通过Oracle的Database Configuration Assistant (DBCA)工具完成的。用户通过一系…...

编程日记 2025/8/21 2:34:20

RAGFlowwindows本地pycharm运行

Python环境准备 1. 安装pipx。如已经安装&#xff0c;可跳过本步骤&#xff1a; python -m pip install --user pipxpython -m pipx ensurepath## 验证安装pipx --version2. 安装 uv。如已经安装&#xff0c;可跳过本步骤&#xff1a; pipx install uv ## 设置为阿里云 PyPI…...

编程日记 2025/8/20 15:34:13

阿里云RAM账号免密登录Java最佳实践

参考官方文章地址&#xff1a;如何使用免登访问流程_阿里云集成转售解决方案-阿里云帮助中心 参考代码地址&#xff1a;如何使用安全访问服务Python及Java示例代码_阿里云集成转售解决方案-阿里云帮助中心 1. RAM的含义 阿里云的访问控制RAM&#xff08;Resource Access Manag…...

编程日记 2025/8/17 19:58:37

基于LightRAG进行本地RAG部署（包括单卡多卡本地模型部署、调用阿里云或DeepSeekAPI的部署方法、RAG使用方法）

1.简介 RAG&#xff08;Retrieval-Augmented Generation&#xff09;是一种结合了检索&#xff08;Retrieval&#xff09;和生成&#xff08;Generation&#xff09;的自然语言处理模型架构。它旨在解决传统生成模型在面对复杂任务时可能出现的生成内容缺乏准确性和多样性的不…...

编程日记 2025/8/20 20:13:13

GPIO输出模式

这个 typedef enum 是 STM32 中 GPIO 模式的定义&#xff0c;每一个模式都代表着 GPIO 引脚的不同工作方式。不同的模式会影响引脚的输入或输出状态&#xff0c;以及是否具有其他功能&#xff08;如外设功能&#xff09;。接下来&#xff0c;我将详细解释每个模式的作用和如何使…...

编程日记 2025/8/17 18:24:27

Linux，redis数据库安装使用

Redis 非关系型数据库 介绍 安装 主从模式 哨兵模式 集群模式 redis 数据类型/增删改查 redis 持久化 redis 雪崩 击穿 穿透 LAMPredis 数据迁移 git redis 安装部署 1&#xff0c;下载或者上传redis 6.2.14 wget http://download.redis.io/releases/redis-6.2.14.tar.gz …...

编程日记 2025/8/17 18:27:18

3DS 转 STL 全攻略：传统工具与迪威模型网在线转换深度解析

在 3D 建模与 3D 打印的技术领域中&#xff0c;常常会遇到需要将不同格式的文件进行转换的情况。其中&#xff0c;把 3DS 文件转换为 STL 格式是较为常见的操作。3DS 文件作为一种旧版 Autodesk 3D Studio 使用的 3D 图像格式&#xff0c;存储着丰富的信息&#xff0c;包括网格…...

编程日记 2025/8/20 0:29:33

最新Spring Security实战教程（十一）CSRF攻防实战 - 从原理到防护的最佳实践

&#x1f337; 古之立大事者&#xff0c;不惟有超世之才&#xff0c;亦必有坚忍不拔之志 &#x1f390; 个人CSND主页——Micro麦可乐的博客 &#x1f425;《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程&#xff0c;入门到实战 &#x1f33a;《RabbitMQ》…...

编程日记 2025/8/20 14:38:59

远程医疗系统安全升级：构建抗CC攻击的全方位防护网

随着云计算、大数据和互联网技术的不断发展&#xff0c;远程医疗系统正在逐步走进大众视野&#xff0c;为患者提供便捷高效的医疗服务。然而&#xff0c;远程医疗系统在便利性的背后也面临着严峻的网络安全挑战&#xff0c;其中&#xff0c;CC攻击&#xff08;Challenge Collap…...

编程日记 2025/8/17 18:21:31

【Java学习笔记】进制与进制转换

进制与进制转换 一、进制介绍 二进制&#xff1a;0、1&#xff0c;满 2 进 1&#xff0c;以 0b 或 0B 开头。 十进制&#xff1a;0-9&#xff0c;满 10 进 1。 八进制&#xff1a;0-7&#xff0c;满 8 进 1&#xff0c;以数字 0 开头表示。 十六进制&#xff1a;0-9 及 A(10…...

编程日记 2025/8/17 18:21:21

《SpringBoot中@Scheduled和Quartz的区别是什么？分布式定时任务框架选型实战》​

&#x1f31f; ​大家好&#xff0c;我是摘星&#xff01;​ &#x1f31f; 今天为大家带来的是Scheduled和Quartz对比分析&#xff1a; 新手常见困惑&#xff1a; 刚学SpringBoot时&#xff0c;我发现用Scheduled写定时任务特别简单。但当我看到同事在项目里用Quartz时&…...

编程日记 2025/8/17 18:21:28

RestSharp和Newtonsoft.Json结合发送和解析http

1.下载RestSharp和Newtonsoft.Json 2编写ApiRequest和ApiResponse和调用工具类HttpRestClient 请求模型 /// <summary>/// 请求模型/// </summary>public class ApiRequest{/// <summary>/// 请求地址/api路由地址/// </summary>public string Route {…...

编程日记 2025/8/20 15:24:42

[图论]Kruskal

Kruskal 本质&#xff1a;贪心&#xff0c;对边进行操作。存储结构&#xff1a;边集数组。适用对象&#xff1a;可为负权图&#xff0c;可求最大生成树。核心思想&#xff1a;最短的边一定在最小生成树(MST)上&#xff0c;对最短的边进行贪心。算法流程&#xff1a;对全体边集…...

编程日记 2025/8/17 21:36:28

腾讯云对象存储以及项目业务头像上传

腾讯云上传步骤&#xff1a; service-vod模块化中 ①、参考文档&#xff0c;引入依赖 ②、配置文件application.properties ③、创建工具类 初始化bean的时候读取配置文件 Component public class ConstantPropertiesUtil implements InitializingBean{Value("${t…...

编程日记 2025/8/20 4:48:53

Windows下导入文件中的环境变量

在Windows批处理脚本&#xff08;.bat&#xff09;中&#xff0c;通过文件获取并设置环境变量通常涉及逐行读取文件内容并动态赋值给变量。以下是具体实现方法及示例&#xff1a; 一、从文件读取变量并设置到环境变量 假设有一个配置文件&#xff08;如env_config.txt&#xf…...

编程日记 2025/8/17 18:21:29

【音视频开发】第五章 FFmpeg基础

【音视频开发】第五章 FFmpeg基础 文章目录 【音视频开发】第五章 FFmpeg基础一、播放器框架1.媒体文件读取阶段2.音频处理流程3.视频处理流程 二、常用音视频概念1.常用音视频术语2.复用器3.编解码器 三、FFmpeg 库1.整体结构 四、FFmpeg 常用函数1.libavformat 封装/解封装2.…...

编程日记 2025/8/21 2:34:07

【ESP32|音频】一文读懂WAV音频文件格式【详解】

简介 最近在学习I2S音频相关内容&#xff0c;无可避免会涉及到关于音频格式的内容&#xff0c;所以刚开始接触的时候有点一头雾水&#xff0c;后面了解了下WAV相关内容&#xff0c;大致能够看懂wav音频格式是怎么样的了。本文主要为后面ESP32 I2S音频系列文章做铺垫&#xff0…...

编程日记 2025/8/17 18:24:50

数据通信学习笔记之OSPF路由汇总

区域间路由汇总 路由汇总又被称为路由聚合&#xff0c;即是将一组前缀相同的路由汇聚成一条路由&#xff0c;从而达到减小路由表规模以及优化设备资源利用率的目的&#xff0c;我们把汇聚之前的这组路由称为精细路由或明细路由&#xff0c;把汇聚之后的这条路由称为汇总路由或…...

编程日记 2025/8/17 18:21:14

【C++】priority_queue的底层封装和实现

目录 前言基本结构如何设置默认大小堆底层实现仿函数的使用向上调整算法向下调整算法其他接口 end 前言 priority_queue的介绍 优先级队列默认使用vector作为其底层存储数据的容器&#xff0c;在vector上又使用了堆算法将vector中的元素构造成堆的结构&#xff0c;因此priorit…...

编程日记 2025/8/20 8:28:10