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

css易混淆的知识点

news 来源：原创 2025/9/14 21:25:32

  1. 子选择器 (>) vs 后代选择器 (空格)

    1. 子选择器 (>) 只匹配直接子元素。
    2. 后代选择器 (空格) 匹配所有后代元素（无论嵌套多深）。
  2. 绝对定位vs相对定位 
  3. 布局：

  • justify-content 的作用

    • 控制子元素在主轴上的分布方式。
    • 常见值包括 flex-start、flex-end、center、space-between 和 space-around。

  • align-items 和 align-self 的区别

    • align-items 作用于所有子元素，设置它们在交叉轴上的对齐方式。
    • align-self 作用于单个子元素，可以覆盖 align-items 的设置。
    • 定义子项在交叉轴上的对齐方式。
    • 可选值：
      • stretch（默认）：子项拉伸以填满容器的高度。
      • flex-start：向交叉轴起点对齐。
      • flex-end：向交叉轴终点对齐。
      • center：居中对齐。
      • baseline：基线对齐。
  • 主轴：justify-content。
  • 交叉轴：align-content。

justify-content：

  • 定义子项在主轴上的对齐方式。

align-items：

  • 定义子项在交叉轴上的对齐方式。

 

相关文章：

css易混淆的知识点

子选择器 (>) vs 后代选择器 (空格) 子选择器 (>) 只匹配直接子元素。后代选择器 (空格) 匹配所有后代元素（无论嵌套多深）。 绝对定位vs相对定位 布局： justify-content 的作用 控制子元素在主轴上的分布方式。常见值包括 flex-start、…...

编程日记 2025/9/14 21:25:32

OpenCV 图形API（27）图像滤波-----膨胀函数dilate()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 使用特定的结构元素膨胀图像。 cv::gapi::dilate 是 OpenCV G-API 模块中的一个函数，用于对图像执行膨胀操作。膨胀是一种形态学操作…...

编程日记 2025/9/8 21:40:51

13. Git 远程仓库配置

基本步骤 以Gitee为例子，GitHub的步骤也基本一致 1.注册/登录 Gitee 账号 https://gitee.com/ 2.新建仓库 3.配置仓库 根据自己的喜好，配置即可。 4.生成SSH密钥 ssh-keygen -t ed25519 -C "你的邮箱example.com"-t ed25519：使…...

编程日记 2025/9/9 9:58:28

语音识别——根据声波能量、VAD 和 频谱分析实时输出文字

ASR（语音识别）是将音频信息转化为文字的技术。在实时语音识别中，一个关键问题是：如何决定将采集的音频数据输入大模型的最佳时机？固定时间间隔显然不够灵活，太短可能导致频繁调用模型，太长则会延迟文字输出。有没有更智能的方式？答案是肯定的。 一种常见的解决方案是使…...

编程日记 2025/9/8 10:56:49

netty中的ChannelHandler详解

Netty中的ChannelHandler是网络事件和数据处理的核心执行单元，负责处理I/O事件（如连接建立、数据读写）以及业务逻辑的实现。它通过ChannelPipeline形成责任链，实现事件的动态编排与传播。以下从功能分类、核心机制到实际应用进行详细解析： 1. ChannelHandler的核心功能与分…...

编程日记 2025/9/12 3:51:01

介绍一下freertos

FreeRTOS 是一款‌开源的实时操作系统（RTOS）‌，专为嵌入式系统和微控制器设计，以‌轻量级、高可靠性、低延迟‌著称。它广泛应用于物联网（IoT）、工业自动化、消费电子等领域。以下是详细介绍： ‌…...

编程日记 2025/9/12 1:15:14

使用克魔助手查看iOS 应用程序使用历史记录和耗能历史记录

使用克魔助手查看iOS 应用程序使用历史记录和耗能历史记录 功能概述 克魔助手无需越狱即可访问iOS上各个应用程序的历史记录，包括： 最近几个月的app的详细启动时间记录，结束时间，app使用的硬件组件应用的耗能具体情况&#xff…...

编程日记 2025/9/9 1:31:25

mysql和mongodb

1.mongodb 写入更快，数据结构频繁更新，这个不方便工程管理.另外会序列化成json格式，比如为json的成员建立索引，这都是比较损耗性能。字段太多，moondbjson名太多，导致数据冗余, moongodb频繁按字段更新&…...

编程日记 2025/9/11 11:28:38

介绍一下 ChibiOS

ChibiOS 是一款专为嵌入式系统设计的‌开源实时操作系统（RTOS）‌，以其‌硬实时性能、轻量化架构和高可移植性‌著称。它广泛应用于无人机、机器人、工业控制等领域，尤其在无人机飞控（如 ArduPilot 的某些硬件平台&…...

编程日记 2025/9/13 1:24:42

《Vue Router实战教程》3.动态路由匹配

欢迎观看《Vue Router 实战（第4版）》视频课程 动态路由匹配 带参数的动态路由匹配 很多时候，我们需要将给定匹配模式的路由映射到同一个组件。例如，我们可能有一个 User 组件，它应该对所有用户进行渲染，…...

编程日记 2025/9/10 3:36:52

NLP高频面试题（四十）——什么是 BitFit？

BitFit（Bias-term Fine-tuning）是一种参数高效的微调方法，专注于在预训练模型中仅调整偏置项（bias term），而将其他参数保持不变。这种方法在自然语言处理领域，尤其是在中小规模数据集上，展现出了与全量微调相媲美的性能，同时显著减少了计算资源的消耗。 什么是 BitFi…...

编程日记 2025/9/10 7:58:00

react+Tesseract.js实现前端拍照获取/选择文件等文字识别OCR

需求背景 在开发过程中可能会存在用户上传一张图片后下方需要自己识别出来文字数字等信息，有的时候会通过后端来识别后返回，但是也会存在纯前端去识别的情况，这个时候就需要使用到Tesseract.js这个库了 附Tesseract.js官方（htt…...

编程日记 2025/9/8 10:22:30

go:实现最简单区块链

1.新建文件夹命名为blockchain,在此文件夹下分别创建两个文件一个为block.go另一个为chain.go如下图所示: 2.写入代码: block.go package blockchainimport ("bytes""crypto/sha256""encoding/gob""log""strconv""ti…...

编程日记 2025/9/14 21:25:31

使用Python写入JSON、XML和YAML数据到Excel文件

在当今数据驱动的技术生态中，JSON、XML和YAML作为主流结构化数据格式，因其层次化表达能力和跨平台兼容性，已成为系统间数据交换的通用载体。然而，当需要将这类半结构化数据转化为具备直观可视化、动态计算和协作共享特性的载体时&…...

编程日记 2025/9/11 21:17:57

如何使用通义灵码玩转Linux - AI编程助手提升效率

一、引言 Linux 作为服务器常用的操作系统，其命令行界面、繁多的命令以及需要进行的配置等，都给初学者带来了不小的挑战。为了帮助初学者快速上手 Linux，本文将介绍如何使用通义灵码这一智能编码助手，提升在 Linux 环境下的开发效…...

编程日记 2025/8/30 21:40:44

主服务器和子服务器之间通过NFS实现文件夹共享

背景： 子服务器想做一个备份服务器 但是之前有很多文件是上传到本地的，于是服务要从本地读取文件 但是在不在同一台服务器中，读取就会有问题，想 实现在两者之间创建一个共享文件夹 一 NFS挂载步骤： 在主服务器&#…...

编程日记 2025/9/11 11:19:05

前端知识点---防抖(javascript)

什么是防抖 ? 防抖:单位时间内，频繁触发事件，只执行最后一次 举例: 百度输入框, 输入一个字母下面就会有提示 输入第二个字母下面的提示就会变 而别的浏览器只有在你输入结束之后才出现提示, 这就是做了防抖处理 使用场景: 搜索框搜索输入。只需用户…...

编程日记 2025/9/8 9:41:45

django rest framework相关面试题

django rest framework相关面试题 1.什么是restful规范 link link link link...

编程日记 2025/8/17 19:50:13

突破性能瓶颈：Java微服务多任务管理的架构设计与实践

摘要 本文深度解析Java微服务架构下的多任务管理机制，围绕串行任务、并行任务及跨服务器协同三大核心场景，结合线程池、任务队列、分布式调度算法等关键技术，探讨如何通过精细化的任务拆分、资源调度和容错设计实现系统高吞吐与低延迟。 关…...

编程日记 2025/9/12 20:22:04

为啥物联网用MQTT？

前言 都说物联网用MQTT，那分别使用Http和Mqtt发送“Hello”，比较一下就知道啦 HTTP HTTP请求报文由请求行、头部字段和消息体组成。一个最简单的HTTP POST请求如下： POST / HTTP/1.1 Host: example.com Content-Length: 5 Content-Type: …...

编程日记 2025/9/5 11:42:05

onenote的使用技巧以及不足之处

OneNote我用了三年了，感觉这软件还是记一些手写笔记会比较好吧，记和编程有关的就显然不如markdown了， 插入公式： 按alt输入公式，再按退出公式输入 不足之处： onenote是我用了很长时间的一款笔记软件&…...

编程日记 2025/9/10 15:55:37

人工智能在医疗设备中的最新应用案例与技术挑战？

人工智能（AI）在医疗设备中的应用正以前所未有的速度发展，带来了许多创新和改进。以下是一些最新的应用案例和相关的技术挑战： 最新应用案例 智能诊断和成像： AI技术在医学影像分析中得到了广泛应用。通过深度学习算法…...

编程日记 2025/9/14 3:32:08

TDengine 语言连接器（Rust）

简介 taos 是 TDengine 的官方 Rust 语言连接器，Rust 开发人员可以通过它开发存取 TDengine 数据库的应用软件。 该 Rust 连接器的源码托管在 GitHub。 Rust 版本兼容性 支持 Rust 1.70 及以上版本。 支持的平台 原生连接支持的平台和 TDengine 客户端驱动支持…...

编程日记 2025/8/25 20:45:15

Leetcode 58. 最后一个单词的长度

给你一个字符串 s，由若干单词组成，单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。 示例 1： 输入：s "Hello World" 输出：5…...

编程日记 2025/9/11 3:48:53

如何使用CAPL解析YAML文件？

🍅 我是蚂蚁小兵，专注于车载诊断领域，尤其擅长于对CANoe工具的使用🍅 寻找组织 ，答疑解惑，摸鱼聊天，博客源码，点击加入👉【相亲相爱一家人】🍅 玩转CANoe&…...

编程日记 2025/9/13 6:59:27

如何让老电脑运行快些(极限榨干老电脑硬件)

要让老电脑运行更快，可以通过增加虚拟内存、优化系统设置和硬件升级等方法实现。以下是具体建议： 1. 增加虚拟内存（适合硬盘空间大的老电脑） 虚拟内存（页面文件）是硬盘上的一部分空间，用于扩展…...

编程日记 2025/9/11 7:06:59

C++在嵌入式中表现如何？

C在嵌入式中表现如何？ 作为一个从机械转行到嵌入式开发的老兵，我深深体会到了C在嵌入式领域的独特魅力与挑战。从最初在厦门某马写单片机代码时的纯C语言，到后来在世界500强外企开发汽车电子项目时大量使用C，这些年的经历让我对这…...

编程日记 2025/9/12 17:46:14

Elasticsearch 系列专题 - 第四篇：聚合分析

聚合（Aggregation）是 Elasticsearch 的强大功能之一，允许你对数据进行分组、统计和分析。本篇将从基础到高级逐步讲解聚合的使用，并结合实际案例展示其应用。 1. 聚合基础 1.1 什么是聚合（Aggregation）？ 聚合是对文档集合的统计分析，类似于 SQL 中的 GROUP BY 和聚合…...

编程日记 2025/9/14 21:25:32

TensorFlow充分并行化使用CPU

关键字：TensorFlow 并行化、TensorFlow CPU多线程 场景：在没有GPU或者GPU性能一般、环境不可用的机器上，对于多核CPU，有时TensorFlow或上层的Keras默认并没有完全利用机器的计算能力（CPU占用没有接近100%）…...

编程日记 2025/9/14 1:30:56

JAVA Web_定义Servlet_1 欢迎考生

题目 假定：本地服务器（127.0.0.1）上有一名为jspExam的Web项目，现按要求定义一Servlet，实现以下功能： 1）Servlet的类名自定义，假定可以用以下url访问该Servlet, http://127.0.0.1:80…...

编程日记 2025/9/13 0:29:58

鸿蒙NEXT开发Emitter工具类（ArkTs）

import { emitter } from kit.BasicServicesKit;/*** TODO Emitter工具类（进行线程间通信）* author: 鸿蒙布道师* since: 2025/04/11*/ export class EmitterUtil {/*** 发送事件* param eventId 事件ID，string类型的eventId不支持空字符串。…...

编程日记 2025/9/10 6:32:26

vue项目引入tailwindcss

vue3项目引入tailwindcss vue3 vite tailwindcss3 版本 初始化项目 npm create vitelatest --template vue cd vue npm install npm run dev安装tailwindcss3 和 postcss 引入 npm install -D tailwindcss3 postcss autoprefixer // 初始化引用 npx tailwindcss init -p…...

编程日记 2025/9/8 13:32:48

Quartz修仙指南：从定时任务萌新到调度大能的终极奥义

各位被Thread.sleep()和ScheduledExecutorService折磨的道友们！今天要解锁的是Java界任务调度至尊法宝——Quartz！这货能让你像玉皇大帝安排天庭日程一样，精确控制每个任务的执行时机！准备好告别蹩脚的手动定时器了吗？…...

编程日记 2025/9/11 14:22:33

Process Explorer 性能调优实战：精准定位资源泄漏与高负载进程

一、下载与安装 ‌下载地址‌ Process Explorer安装包下载：https://pan.quark.cn/s/950c36ba5364下载后解压压缩包，运行 procexp.exe（32 位系统）或 procexp64.exe（64 位系统）‌。 ‌界面概览‌ 主界面以树…...

编程日记 2025/9/11 14:25:03

Docker 常用命令指南

Docker 提供了丰富的命令行工具来管理镜像、容器、网络和数据卷等资源。本指南按类别整理 Docker 的常用命令，并为每个命令提供简体中文说明和示例，以帮助您快速查询和掌握日常使用。 1. 镜像管理 Docker 镜像（Image）是打包好的应用程序及其依赖环境，可用于创建容器。常用…...

编程日记 2025/9/9 1:31:28

3.1A、34V DC/DC 同步降压转换器WD5034

以下是对 WD5034 相关内容的编辑： WD5034 是一款性能卓越的高效率、单片同步降压 DC/DC 转换器，凭借其先进的恒定频率、平均电流模式控制架构，在众多电源管理芯片中脱颖而出。以下是其详细特点和优势： 出色的负载能力：…...

编程日记 2025/9/4 1:20:48

面向对象高级(1)

文章目录 final认识final关键字修饰类：修饰方法：修饰变量final修饰变量的注意事项 常量 单例类什么是设计模式？单例怎么写?饿汉式单例的特点是什么？单例有啥应用场景，有啥好处？懒汉式单例类。 枚举类认识枚…...

编程日记 2025/9/11 7:19:14

Vim 编辑器的常用快捷键介绍

以下是 Vim 编辑器的常用快捷键分类介绍，帮助你快速掌握高效编辑技巧： 一、基础模式切换 Vim 的核心是 模式化操作，常用模式包括： 普通模式（默认）：导航、命令输入。插入模式：输入/…...

编程日记 2025/9/13 19:00:40

如何使用AI辅助开发R语言

R语言是一种用于统计计算和图形生成的编程语言和软件环境，很多学术研究和数据分析的科学家和统计学家更青睐于它。但对与没有编程基础的初学者而言，R语言也是有一定使用难度的。不过现在有了通义灵码辅助编写R语言代码，我们完全可以用自然语言…...

编程日记 2025/9/8 14:01:17

docker 运行自定义化的服务-后端

docker 运行自定义化的服务-前端-CSDN博客 运行自定义化的后端服务 具体如下： ①打包后端项目，形成jar包 ②编写dockerfile文件，文件内容如下： # 使用官方 OpenJDK 镜像 FROM jdk8:1.8LABEL maintainer"ATB" version&…...

编程日记 2025/9/11 22:44:49

【Grok 大模型深度解析】第二期：架构探秘与训练哲学

在上一期的内容中，我们对 Grok 大模型从技术溯源的角度，了解了它从 Transformer 架构局限性出发，迈向混合架构创新的历程，同时也梳理了从 Grok - 1 到 Grok - 3 的版本迭代所带来的技术跃迁以及其独特的差异化优势。这一期，我们将深入到 Grok 大模型的架构内部，探究其精妙…...

编程日记 2025/9/9 16:49:15

oracle update 原理

Oracle 11g 中的 UPDATE 操作是数据库修改数据的关键机制，其核心原理涉及事务管理、多版本并发控制（MVCC）、Undo/Redo 日志、锁机制等 1. 执行前的准备 SQL 解析与执行计划： Oracle 解析 UPDATE 语句，生成执行计划&…...

编程日记 2025/9/10 19:46:35

优化项目缓慢卡顿

大家好，好久不见，因为最近在搞几个老项目，没怎么跟大家见面。在做老项目的时候发现了一些小问题拿出来跟大家分享分享。 因为这个问题是生产环境下面出现的，所以在开发环境的时候很难发现，而且网速快的话也很难发现&a…...

编程日记 2025/9/11 19:56:43

【黑客帝国连接虚拟与现实：数据采集系统（DAQ）硬核技术深度解析】

1. DAQ系统核心架构：从物理世界到数字域的精密映射 1.1 传感器与信号调理：物理量到电信号的精准转换 传感器的物理原理与非线性补偿 热电偶（Thermocouple）：基于塞贝克效应，其输出电压与温度差的非线性关系…...

编程日记 2025/9/14 7:31:06

解决unity设置鼠标图标发布以后没有效果的问题

public Texture2D dragCursor; Cursor.SetCursor(dragCursor, Vector2.zero, CursorMode.Auto); 首先设置一个Texture2D的变量，用来保存自己想要设置的图，然后将鼠标设置为自己定义的图片。原本是很简单的功能，而且在编辑器里面运行也正常。…...

编程日记 2025/9/9 1:31:29

CExercise_10_1动态数组Vector

题目： 动手自己实现动态数组Vector，基于以下结构体定义和函数声明： typedef int ElementType; typedef struct { ElementType *data; // 指向堆空间的数组 int size; // 元素的个数 int capacity; // 数组的容量 } Vector; // 请实现下面方法…...

编程日记 2025/9/9 16:02:12

Nextra + TypeScript + MDX 项目的完整目录结构

典型的 Nextra TypeScript MDX 博客项目的完整目录结构。 Pages 架构 my-blog/ ├── components/ # React 组件 │ ├── HelloWorld.tsx # 示例组件 │ └── ... # 其他组件 ├── pages/ # 页面…...

编程日记 2025/9/4 20:44:30

MDM功能演示：远程锁定与数据擦除，保障企业移动设备安全

在当今高度互联的商业环境中，企业数据伴随着员工穿梭于不同城市、时区和设备之间。智能手机、平板电脑和笔记本电脑赋予员工随时随地办公的能力，但也带来了新的安全挑战：设备一旦遗失或落入不当之手，企业数据就面临泄露风险。 无…...

编程日记 2025/9/12 7:53:02

快速idea本地和推送到远程仓库

在你需要推送的那个文件夹打开 #创建本地仓库 git init#添加文件并首次提交 git add . git commit -m "Initial commit"#添加远程仓库地址 git remote add origin https://gitee.com/你的用户名/你的仓库名.git#查看远程仓库是否设置chengg git remote -v#原来远程仓…...

编程日记 2025/9/10 12:28:00

django数据迁移操作受阻

错误信息： django.db.utils.OperationalError: (1227, Access denied; you need (at least one of) the SYSTEM_VARIABLES_ADMIN or SESSION_VARIABLES_ADMIN privilege(s) for this operation)根据错误信息分析，该问题是由于MySQL用户 缺乏SYSTEM_VARI…...

编程日记 2025/9/7 20:04:35