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

PySide6 GUI 学习笔记——常用类及控件使用方法（常用类矩阵QRectF）

news 来源：原创 2025/7/2 14:01:49

文章目录

类描述
构造方法
主要方法
- 1. 基础属性
- 2. 边界操作
- 3. 几何运算
- 4. 坐标调整
- 5. 转换方法
- 6. 状态判断
类特点总结
- 1. 浮点精度：
- 2. 坐标系统：
- 3. 有效性判断：
- 4. 几何运算：
- 5. 类型转换：
- 6. 特殊处理：
典型应用场景
- 1. 图形碰撞检测：
- 2. 动态布局调整：
- 3. 高精度绘图：
- 4. 动画路径计算：
注意事项
- 1. 坐标系差异：
- 2. 精度转换：
- 3. 性能优化：
- 4. 异常处理：
- 5. 边界情况：
附：与QRect核心区别

类描述

QRectF类使用浮点精度定义平面上的矩形，继承自Shiboken.Object。用于图形界面开发中高精度矩形区域操作。
QRectF

构造方法

# 通过坐标构造
rect1 = QRectF(100.0, 200.0, 50.5, 30.2)    # QRectF(float x, float y, float w, float h)
print(rect1)    # QRectF(100.0,200.0,50.5,30.2)
# 通过QPointF和QSizeF构造
top_left = QPointF(100.0, 200.0)
size = QSizeF(50.5, 30.2)
rect2 = QRectF(top_left, size)  # QRectF(QPointF topLeft, QSizeF size)
print(rect2)    # QRectF(100.0,200.0,50.5,30.2)# 从QRect转换
qrect = QRect(100, 200, 50, 30)
rect3 = QRectF(qrect)   # QRectF(QRect rect)
print(rect3)    # QRectF(100.0,200.0,50.0,30.0)

主要方法

1. 基础属性

print(rect1.x())        # 左边缘x坐标 (100.0)
print(rect1.y())        # 上边缘y坐标 (200.0)
print(rect1.width())    # 宽度 (50.5)
print(rect1.height())   # 高度 (30.2)
print(rect1.center())   # 中心点 QPointF(125.25, 215.1)

2. 边界操作

rect = QRectF(100, 200, 50, 30)
rect.setLeft(110)       # 调整左边界，宽度变为40.0
print(rect)             # QRectF(110.0, 200.0, 40.0, 30.0)
rect.moveBottom(250)    # 保持高度，移动到底部到y=250
print(rect)             # QRectF(110.0, 220.0, 40.0, 30.0)
print(rect.bottomRight()) # 右下角 QPointF(150.0, 250.0)

3. 几何运算

rectA = QRectF(0, 0, 100, 100)
rectB = QRectF(50, 50, 100, 100)# 交集
intersection = rectA.intersected(rectB)  # QRectF(50,50,50,50)
print(intersection)      # 并集
united = rectA.united(rectB)            # QRectF(0,0,150,150)
print(united)          # 包含检测
print(rectA.contains(QPointF(30, 30)))  # True
print(rectA.intersects(rectB))          # True

4. 坐标调整

rect = QRectF(100, 200, 50.5, 30.2)
# 相对调整
new_rect = rect.adjusted(10, 5, -20, -10)
# 原rect (100,200,50.5,30.2)
# 新矩形 (110,205,20.5,15.2)
print(new_rect)      # QRectF(110.0,205.0,20.5,15.2)# 绝对设置
rect.setCoords(110, 205, 130.5, 220.2)
print(rect)          # QRectF(110.0,205.0,20.5,15.2)

5. 转换方法

# 转为整数矩形QRect
int_rect = rect.toRect()  # 四舍五入坐标# 转置宽高
transposed = rect.transposed()  # 宽高交换

6. 状态判断

print(QRectF().isNull())   # True（宽高均为0）
print(QRectF(0,0,0,10).isEmpty())  # True（宽或高为0）
print(QRectF(0,0,10,10).isValid())  # True

类特点总结

1. 浮点精度：

• 使用float类型存储坐标，适合需要高精度定位的场景

• 可精确表示小数位置和尺寸（如50.5像素）

2. 坐标系统：

• 使用Top-Left坐标系（左上角为原点）

• 边界方法包含数学边界（right()和bottom()返回实际坐标+宽高）

3. 有效性判断：

• isValid()：宽高均>0时为True

• isEmpty()：宽或高≤0时为True

• isNull()：宽高均为0时为True

4. 几何运算：

• 支持交集(intersected)、并集(united)、包含检测

• 提供adjusted()进行相对调整和setRect()绝对设置

5. 类型转换：

• 与QRect可互转（toRect()会四舍五入）

• 与QPointF/QSizeF无缝协作

6. 特殊处理：

• normalized()自动处理负宽高情况

• transposed()交换宽高

• 支持margin操作（marginsAdded/Removed）

典型应用场景

1. 图形碰撞检测：

def check_collision(obj1, obj2):return obj1.geometry().intersects(obj2.geometry())

2. 动态布局调整：

def resize_handler(new_size):global rectrect.setSize(QSizeF(new_size.width()*0.8, new_size.height()-20))update()

3. 高精度绘图：

painter.drawEllipse(QRectF(100.5, 200.3, 50.7, 50.7))  # 平滑圆形绘制

4. 动画路径计算：

def animate(pos):current_rect = QRectF(pos.x(), pos.y(), 50, 50)return current_rect.translated(2.5, 1.8)  # 平滑移动

注意事项

1. 坐标系差异：

• 数学坐标系：右下边界包含计算值（right=x+width）

• 渲染时：抗锯齿处理会使实际绘制范围略大于数学范围

2. 精度转换：

• 转QRect时使用四舍五入，可能丢失精度

• 关键计算建议保持QRectF类型直到最终渲染

3. 性能优化：

• 频繁计算时建议使用adjust()代替adjusted()

• 批量操作时优先使用setCoords/setRect

4. 异常处理：

• 所有参数必须为有限数值（非NaN/Inf）

• 无效矩形无法进行几何运算

5. 边界情况：

# 处理负尺寸
rect = QRectF(100, 100, -50, -30)
valid_rect = rect.normalized()  # (50, 70, 50, 30)

附：与QRect核心区别

特性	QRect	QRectF
存储类型	整数(int)	浮点数(float)
精度	像素级对齐	亚像素级精度
构造开销	较低	略高
适用场景	UI元素定位	图形绘制/动画/复杂计算
转换方式	直接截断	四舍五入
无效值处理	(0,0,0,0)	允许负宽高（需normalized)

PySide6 GUI 学习笔记——常用类及控件使用方法（常用类矩阵QRectF）

文章目录类描述构造方法主要方法1. 基础属性2. 边界操作3. 几何运算4. 坐标调整5. 转换方法6. 状态判断类特点总结1. 浮点精度：2. 坐标系统：3. 有效性判断：4. 几何运算：5. 类型转换：6. 特殊处理： 典型应用…...

编程日记 2025/7/2 14:01:49

arm64适配系列文章-第五章-arm64环境上redis的部署

ARM64适配系列文章第一章 arm64环境上kubesphere和k8s的部署第二章 arm64环境上nfs-subdir-external-provisioner的部署第三章 arm64环境上mariadb的部署第四章 arm64环境上nacos的部署第五章 arm64环境上redis的部署第六章 arm64环境上rabbitmq-management的部署第七章…...

编程日记 2025/7/2 13:00:20

Ubuntu / WSL 安装pipx

一、安装pipx 在 Ubuntu / WSL 上可以用两种方式安装，推荐第二种（官方脚本）或第三种（pip 安装最新版本并自动配置 PATH）。 1. apt 安装（最快，但版本往往偏旧） sudo apt update su…...

编程日记 2025/7/2 12:55:11

10天学会嵌入式技术之51单片机-day-6

第十五章点阵LED 15.1 点阵 LED 概述 15.1.1 实物图 15.1.1 原理图 15.2 点阵 LED 静态显示 15.2.1 需求描述使用点阵 LED 显示一排由左上到右下的斜线，具体效果如下图所示。 15.2.2 硬件设计 15.2.2.1 硬件原理图根据内部原理可知，点阵 LED 的…...

编程日记 2025/7/2 13:35:24

【数据可视化-28】2017-2025 年每月产品零售价数据可视化分析

🧑 博主简介：曾任某智慧城市类企业算法总监，目前在美国市场的物流公司从事高级算法工程师一职，深耕人工智能领域，精通python数据挖掘、可视化、机器学习等，发表过AI相关的专利并多次在AI类比赛中获奖。CSDN…...

编程日记 2025/6/29 11:40:42

【JavaScript】`Object` 对象静态方法详解

在 JavaScript 中，Object 对象提供了许多静态方法，用于操作和处理对象。以下是一些常用的 Object.xxx 方法及其用途和示例： 1. 属性相关方法 Object.keys(obj) 返回对象自身的所有可枚举属性的键组成的数组。 const obj = {a: 1, b: 2 }; console.log(Object.keys(obj)); //…...

编程日记 2025/7/2 12:30:17

音视频之H.265/HEVC量化

H.265/HEVC系列文章： 1、音视频之H.265/HEVC编码框架及编码视频格式 2、音视频之H.265码流分析及解析 3、音视频之H.265/HEVC预测编码 4、音视频之H.265/HEVC变换编码 5、音视频之H.265/HEVC量化量化 (Quantization) 是指将信号的连续取值(或大量可能的离散取…...

编程日记 2025/7/2 12:49:54

Tomcat：从零理解Java Web应用的“心脏”

目录一、Tomcat是什么？为什么需要它？ 二、Tomcat的核心架构（餐厅运营图） 1. 两大核心组件 2. 请求处理全流程（从点餐到上菜） 三、手把手搭建第一个网站（厨房开张实录） 环境准备…...

编程日记 2025/7/2 12:49:52

第七届能源系统与电气电力国际学术会议（ICESEP 2025)

重要信息时间：2025年6月20-22日地点：中国-武汉官网：www.icesep.net 主题能源系统节能技术、能源存储技术、可再生能源、热能与动力工程、能源工程、可再生能源技术和系统、风力发…...

编程日记 2025/7/2 12:29:20

【基础】Node.js 介绍、安装及npm 和 npx功能了解

前言后面安装n8n要用到，做一点技术储备。主要是它的两个工具：npm 和 npx。 Node.js介绍 Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时环境，允许开发人员在浏览器之外编写命令行工具和服务器端脚本，是一个基于 C…...

编程日记 2025/7/2 13:39:00

【硬核干货】SonarQube安全功能

原文链接：【硬核干货】SonarQube安全功能关于晓数神州晓数神州坚持以“客户为中心”的宗旨，为客户提供专业的解决方案和技术服务，构建多引擎数字化体系。核心业务1：聚焦DevOps全栈产品，打造需求管理、项目管理、开…...

编程日记 2025/7/2 12:47:38

微信小程序 tabbar底部导航栏

官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar 一、常规菜单格式在app.json 文件中配置，其他关键点详见官方文档，后续更新不规则图标的写法...

编程日记 2025/7/2 13:50:44

如何将极狐GitLab 议题导出为 CSV？

极狐GitLab 是 GitLab 在中国的发行版，关于中文参考文档和资料有： 极狐GitLab 中文文档极狐GitLab 中文论坛极狐GitLab 官网导出议题到 CSV (BASIC ALL) 您可以将问题从极狐GitLab 导出为 CSV 文件，这些文件将作为附件发送到您的默认通知…...

编程日记 2025/7/2 13:00:20

nodejs之Express-介绍、路由

五、Express 1、express 介绍 express 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址： https://www.expressjs.com.cn/ 简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用(HTTP 服务) (1)基本使用第一步：初始化项目并…...

编程日记 2025/7/2 13:11:34

极狐GitLab 如何从 CSV 导入议题？

极狐GitLab 是 GitLab 在中国的发行版，关于中文参考文档和资料有： 极狐GitLab 中文文档极狐GitLab 中文论坛极狐GitLab 官网从 CSV 导入议题 (BASIC ALL) 您可以通过上传包含以下列的 CSV 文件将议题导入项目： 名称是否必需？…...

编程日记 2025/6/29 10:20:23

JW01三合一传感器详解（STM32）

目录一、介绍二、传感器原理 1.原理图 2.引脚描述三、程序设计 main文件 usart3.h文件 usart3.c文件四、实验效果五、资料获取项目分享一、介绍 JW01三合一检测模块是一种用于检测空气中二氧化碳浓度的传感器模块。它可以广泛应用于室内空气质量检测、智能家…...

编程日记 2025/7/2 12:38:49

23种设计模式-行为型模式之策略模式（Java版本）

Java 策略模式（Strategy Pattern）详解 🧠 什么是策略模式？ 策略模式是一种行为型设计模式，它定义了一系列算法，把它们一个个封装起来，并且使它们可以互相替换。策略模式让算法独立于使用它的客…...

编程日记 2025/7/2 12:56:33

ActiveMQ 快速上手：安装配置与基础通信实践（一）

一、引言在当今分布式系统和微服务架构盛行的时代，消息通信作为实现系统间解耦、异步处理和可靠传输的关键技术，显得尤为重要。ActiveMQ 作为一款广泛应用的开源消息中间件，凭借其对 JMS 规范的全面支持、丰富的特性以及出色的性能&#xf…...

编程日记 2025/7/2 13:09:56

究竟什么是自动化测试？

自动化测试是一种软件测试方法，旨在通过使用自动化工具和脚本来执行测试任务，以减少人工操作，提高测试效率和准确性。以下是对自动化测试的详细介绍： 一、定义与特点定义：自动化测试是指利用自动化工具和脚本来执…...

编程日记 2025/7/2 13:10:46

【LLM+Code】Github Copilot Agent/VsCode Agent 模式PromptTools详细解读

一、前言 github copilot agent mode现在和vscode是强绑定的关系， 其实是一个东西： https://github.blog/news-insights/product-news/github-copilot-the-agent-awakens/https://code.visualstudio.com/docs/copilot/chat/chat-agent-mode 二、Syste…...

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

IDEA将本地的JAR文件手动安装到 Maven的本地仓库

例如这是要导入的依赖： mvn install:install-file -DfileD:\aliyun-java-sdk-ding.jar -DgroupIdcom.aliyun -DartifactIdaliyun-java-sdk-ding -Dversion1.0.0 -Dpackagingjar-DfileD:\aliyun-java-sdk-ding.jar 含义：指定要安装到本地 Maven 仓库的 …...

编程日记 2025/7/2 12:46:43

redis集群的三种部署方式

一、主从同步 redis的主从同步工作原理简单概括为： 1、从服务器（Slave Server）向（主服务器，Master）发送sync（同步）命令 2、master启动后台存盘进程，并收集所有修改数据命令 3、master完成存盘后，传送整个数据文件到slave 4、slave接受数据文件，加载到内存中完成首次…...

编程日记 2025/6/29 11:42:03

【GIT】github中的仓库如何删除？

你可以按照以下步骤删除 GitHub 上的仓库（repository）： 🚨 注意事项： ❗️删除仓库是不可恢复的操作，所有代码、issue、pull request、release 等内容都会被永久删除。 🧭 删除 GitHub 仓库步骤…...

编程日记 2025/7/2 13:01:03

CIFAR10图像分类学习笔记（三）---数据加载load_cifar10

新创建一个load_cifar10源文件需要导入的包 import glob from torchvision import transforms from torch.utils.data import DataLoader ,Dataset import os #读取工具 from PIL import Image import numpy as np 01同样定义10个类别的标签名数组 label_name ["airpl…...

编程日记 2025/7/2 12:29:20

基于Matlab的车牌识别系统

1.程序简介本模型基于MATLAB,通过编程创建GUI界面，基于Matlab的数字图像处理，对静止的车牌图像进行分割并识别，通过编写matlab程序对图像进行灰度处理、二值化、腐蚀膨胀和边缘化处理等，并定位车牌的文字，实现字符的…...

编程日记 2025/7/2 12:56:34

【农气项目】基于适宜度的产量预报

直接上干货（复制到开发工具即可运行的代码） 1. 适宜度模型及作物適宜度计算方法 2. 产量分离 3. 基于适宜度计算产量预报 1. 适宜度模型及作物適宜度计算方法 // 三基点温度配置private final double tempMin;private final double tempOpt;private f…...

编程日记 2025/7/2 13:40:04

C#中实现JSON解析器

JSON（JavaScript Object Notation）即 JavaScript 对象表示法，是一种轻量级的数据交换格式。起源与发展 JSON 源于 JavaScript 编程语言，是 JavaScript 对象字面量语法的一个子集。但如今它已经独立于 JavaScript，成…...

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

Android studio进阶开发（四）--okhttp的网络通信的使用

我们之前学过了socket服务器，这次我们继续来学习网络热门编程http/https的使用与交互 1）什么是Http协议？ 答：hypertext transfer protocol（超文本传输协议），TCP/IP协议的一个应用层协议&#x…...

编程日记 2025/6/29 10:05:46

untiy 实现点击按钮切换天空盒子

1.新建材质DaySkybox和NightSkybox 设置 Shader 为 Skybox/6 Sided 2.创建ui 切换按钮,编写天空盒子的脚本 using UnityEngine; using UnityEngine.UI;public class SkyboxSwitcher : MonoBehaviour {public Material daySkybox; // 拖入白天的天空盒材质publi…...

编程日记 2025/6/29 11:42:44

Docker从0-1搭建个人云盘（支持Android iOS PC）

一、Docker位置配置【遇到再大的事，先备份MYSQL数据库，说了多少遍】 ******************************************************************************************************************************************* docker rm -f $(docker ps -a -q…...

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

Java Agent 注入 WebSocket 篇

Agent 如果要对其进行Agent注入的编写，需要先理解三个名字premain，agentmain，Instrumentation premain方法在 JVM 启动阶段调用，一般维持权限的时候不会使用 agentmain方法在 JVM 运行时调用常用的 Instrumentation实例为代理…...

编程日记 2025/6/29 12:26:57

Linux：git和gdb/cgdb

一：在XShell上使用git 步骤1：安装git命令行 sudo yum install git 步骤2：注册git账户和仓库，并点击克隆/下载，把HTTPS复制步骤3： 在显示屏上输入下面命令，然后按提示输入自己的用户名和邮箱…...

编程日记 2025/6/29 9:23:03

深度对比评测：n8n vs Coze（扣子） vs Dify - 自动化工作流工具全解析

引言在当今数字化转型的浪潮中，自动化工作流工具已成为企业和个人提升效率的关键利器。n8n、Coze（扣子）和Dify作为三款各具特色的自动化工具，在开发者社区和商业用户中都引起了广泛关注。本文将为您带来这三款工具的深度对比评测…...

编程日记 2025/6/29 9:23:29

如何用国产CAD软件皇冠CAD（CrownCAD）三维建模“橡胶座椅”？

皇冠CAD（CrownCAD）以『橡胶座椅』为例讲解“曲面设计、填充曲面、投影曲线、扫描曲面、放样曲面”等三维CAD操作技巧。在现有模型边线、草图或曲面所定义的边框内填充一曲面。点击进入填充曲面命令，其界面如下图所示： 各界面参…...

编程日记 2025/6/29 11:39:38

Whisper微调及制作方言数据集

本文不生产技术，只做技术的搬运工！！！ 前言最近在进行whisper微调实验，这个网上有很多成功案例，作者随机找了一个进行了复现，但是由于微调目的是适配本地方言，数据集的采集成为了一…...

编程日记 2025/7/2 12:27:54

实现营销投放全流程自动化超级汇川推出信息流智能投放产品“AI智投“

随着消费者行为模式的多样化和媒体渠道的日益分散，数字营销行业面临挑战。传统人工数据分析效率低、误差率高，大幅制约广告预算效能。针对上述痛点，近期阿里巴巴旗下超级汇川广告平台推出“AI智投”信息流智能投放产品，基于AI大模…...

编程日记 2025/7/2 13:28:15

shell脚本2

条件测试分类测试特定的表达式是否成立，当条件成立时，测试语句的返回值为0，否则为其他数值测试命令格式：[ 条件表达式 ] 文件测试格式：[ 操作符文件或目录 ] -d：测试是否为目录（Di…...

编程日记 2025/6/29 11:38:01

2025年3月电子学会青少年机器人技术（五级）等级考试试卷-理论综合

青少年机器人技术等级考试理论综合试卷（五级） 分数：100 题数：30 一、单选题(共20题，共80分) 1. 2025年初，中国科技初创公司深度求索在大模型领域迅速崛起，其开源的大模型成为全球AI领域的焦…...

编程日记 2025/6/29 11:31:38

E3650工具链生态再增强，IAR全面支持芯驰科技新一代旗舰智控MCU

近日，全球嵌入式软件开发解决方案领导者IAR与全场景智能车芯引领者芯驰科技正式宣布，IAR Embedded Workbench for Arm已全面支持芯驰E3650，为这一旗舰智控MCU提供开发和调试一站式服务，进一步丰富芯驰E3系列智控芯片工具链生态&am…...

编程日记 2025/6/29 9:19:36

Linux之安装配置Nginx

Linux系统下安装配置Nginx的详细步骤如下： 一、准备工作系统环境：确保Linux系统已安装，并且具有网络连接（以便在线安装依赖或下载Nginx）。安装依赖：Nginx依赖于一些开发库和工具，如gcc、pcr…...

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

PC接入deepseek

<template> <div class"btn"> <el-button type"primary" plain click"openAIDrawer">AI问答</el-button> </div>  <el-drawer v-model"deepSeekData.drawerShow" :title&quo…...

编程日记 2025/6/29 9:19:39

Atlas 800I A2 离线部署 DeepSeek-R1-Distill-Llama-70B

一、环境信息 1.1、硬件信息 Atlas 800I A2 1.2、环境信息注意：这里驱动固件最好用商业版，我这里用的社区版有点小问题操作系统：openEuler 22.03 LTS NPU驱动：Ascend-hdk-910b-npu-driver_24.1.rc3_linux-aarch64.run NPU固…...

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

CF每日4题

1500左右的做到还是有点吃力 2093E 1500 二分答案题意：给定一个长度为 n 的数组，现在要把它切成 k 份，求每一份最小的MEX中的最大值。就是找最大值，但是这个值是所有段最小的值采用二分答案，二分这个值&#xff0…...

编程日记 2025/6/29 9:19:40

vue3 实现将html内容导出为图片、pdf和word

话不多说直接开始本文使用到的开源插件库地址 wang1xiang 1.1 下载依赖 npm install html2canvas jspdf html-docx-js-typescript file-saver --save 2.1 下载工具 npm install html2image-pdf-word --save 3.1 页面使用 <template><div><div click"…...

编程日记 2025/6/29 9:19:52

手机端本地服务与后端微服务的技术差异

以下是手机内部本地服务与后端微服务架构及通信协议的对比分析，结合两者的核心设计差异与技术实现特点展开： 一、架构设计对比维度手机端本地服务后端微服务核心目标资源效率、离线优先、动态更新高并发处理、分布式事务、服务治理服务拆分粒度按功能…...

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

音视频之H.265/HEVC环路后处理

H.265/HEVC系列文章： 1、音视频之H.265/HEVC编码框架及编码视频格式 2、音视频之H.265码流分析及解析 3、音视频之H.265/HEVC预测编码 4、音视频之H.265/HEVC变换编码 5、音视频之H.265/HEVC量化 6、音视频之H.265/HEVC环路后处理类似于以往的视频编码标准,H…...

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

RSUniVLM论文精读

一些收获： 1. 发现这篇文章的table1中，有CDChat ChangeChat Change-Agent等模型，也许用得上。等会看看有没有源代码。摘要：RSVLMs在遥感图像理解任务中取得了很大的进展。尽管在多模态推理和多轮对话中表现良好，现有模…...

编程日记 2025/6/29 10:22:00

redis特性及应用场景

文章目录什么是redis？热库redis作为热库的特性redis适用场景什么是redis？ redis在系统架构中的位置就是冷热分离架构的热数据库位置， redis就是热库， 我们一般说缓存数据库。其他的像MySQL、SQL Server这种关系数据库、MongoDB…...

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

Java中正则表达式使用方法

1. 正则表达式概述正则表达式（Regular Expression，简称 Regex）是一种用于匹配字符串的模式工具。在 Java 中，正则表达式通过 java.util.regex 包实现，主要涉及以下两个类： Pattern：表示一个编…...

编程日记 2025/6/29 9:23:49

CSS基础

1. CSS入门 1.1. CSS是什么 CSS是Cascading Style Sheets的缩写，翻译为层叠样式表。CSS是一种样式表语言，用来描述HTML文档的表现方式，如字体、色彩、背景色等等。我们先从一段简单的CSS代码开始。代码1 CSS示例 p {color: red; }这段代…...

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