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

CSS快速上手

news 来源：原创 2025/9/6 12:14:14

第一章 CSS基础

首先来回答2个问题。

1.CSS是什么？

CSS是用来控制网页外观的一门技术。

2.前端最核心的技术是什么？他们分别是用来干吗的？

前端最核心的技术有：HTML、CSS、JavaScript。

HTML用于控制网页的结构，CSS用于控制网页的外观，JavaScript控制的是网页的行为。

CSS引入方式

有三种方式：外部样式表、内部样式表、行内样式表。

1.外部样式表

把CSS代码和HTML代码单独放在不同文件中，然后在HTML文件中使用link标签来引用CSS文件。

当样式需要被应用到多个页面时，外部样式表是最理想的选择。使用外部样式表，就可以通过更改一个CSS文件来改变整个网站的外观。

外部样式表在单独文件中定义，然后在HTML文件的<head></head>标签对中使用link标签来引用。

语法：

<link rel="stylesheet" type="text/css" href="文件路径" />

解释：

rel（relative）取值是固定的，即stylesheet，表示引入的是一个样式表文件（CSS文件）。

type属性的取值也是固定的，即"text/css"，表示这是标准的CSS。

href属性表示CSS文件的路径。

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
</body>
</html>

注意：外部样式表必须用link标签来引入，link标签放在head标签内。

2.内部样式表

把HTML代码和CSS代码放到同一个HTML文件中。其中，CSS代码放在style标签对之间，style标签放在head标签内部。

语法：

<style type="text/css">……
</style>

type="text/css"是必须添加的，表示这是标准的CSS

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title><style type="text/css">div{color:green;}</style>
</head>
<body><div>绿叶，给你初恋般的感觉。</div><div>绿叶，给你初恋般的感觉。</div><div>绿叶，给你初恋般的感觉。</div>
</body>
</html>

div{clolr:green}这句中的div属于CSS中的选择器，后续会学到。

注意：内部样式表CSS样式必须在style标签内定义，而style标签放在head标签内。

3.行内样式表

把HTML代码和CSS代码放到同一个HTML文件。行内样式表的CSS是“标签的style属性”中定义的。（注意和内部样式表style区分，这里的style是属性，不是标签。）

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title>
</head>
<body><div style="color:red;">绿叶，给你初恋般的感觉。</div><div style="color:red;">绿叶，给你初恋般的感觉。</div><div style="color:red;">绿叶，给你初恋般的感觉。</div>
</body>
</html>

章节测试

下面说法中，正确的是（ C）。

A．现在已经是CSS3时代了，没必要再去学CSS2

B．一般使用script标签来引用外部样式表

C．在实际开发中，一般使用外部样式表的多

D．内部样式表和行内样式表在实际开发中一点用处都没有

第二章 CSS选择器

在HTML中，id和class是元素最基本的两个属性。id和class都可以用来选择元素。

1.元素的id和class

id属性

id属性具有唯一性，在一个页面中相同的id只能出现一次。如果出现了多个相同的id，那么CSS或者JavaScript就无法识别这个id对应的是哪一个元素。

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title>
</head>
<body><div id="content">存在即合理</div><p id="content">存在即合理</p>
</body>
</html>

这段代码有问题，因为出现了多个相同的id

class属性

可以为同一个页面的相同元素或者不同元素设置相同的class，然后使相同class的元素具有相同的CSS样式。

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title>
</head>
<body><div class="content">存在即合理</div><p class="content">存在即合理</p>
</body>
</html>

这段代码是正确的。

对于id和class的理解：

id就像你的身份证号，而class就像你的名字。身份证号是唯一的，但是两个人的名字却有可能是一样的。

2.CSS选择器

先来看一段代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title>
</head>
<body><div>绿叶学习网</div><div>绿叶学习网</div><div>绿叶学习网</div>
</body>
</html>

对于这个例子，如果我们只想将第2个div文本颜色变为红色，该怎么实现呢？

我们肯定要通过一种方式来“选中”第2个div，只有选中了才可以为其改变颜色。

像上面这种选中你想要的元素的方式，我们称之为“选择器”。

选择器，就是指用一种方式把你想要的那个元素选中，只有把它选中了，你才可以为这个元素添加CSS样式。

CSS选择器非常多，这里只讲最实用的5种：

元素选择器、id选择器、class选择器、后代选择器、群组选择器。

CSS选择器的格式是怎样的？

选择器
{属性1 : 取值1;……属性n : 取值n;
}

1.元素选择器

元素选择器，就是选中相同的元素，然后对相同的元素定义同一个CSS样式。

语法：

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title></title><style type="text/css">div{color:red;}</style>
</head>
<body><div>绿叶学习网</div><p>绿叶学习网</p><span>绿叶学习网</span><div>绿叶学习网</div>
</body>
</html>

2.id选择器

选中id相同的元素进行同一种操作。

语法：

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">#lvye{color:red;}</style>
</head>
<body><div>绿叶学习网</div><div id="lvye">绿叶学习网</div><div>绿叶学习网</div>
</body>
</html>

3.class选择器

我们可以对“相同的元素”或者“不同的元素”定义相同的class属性，然后针对拥有同一个class的元素进行CSS样式操作。

class名前面必须要加上前缀英文句号（.），否则该选择器无法生效。类名前面加上英文句号，表明这是一个class选择器。

语法：

举例：（为相同元素定义class）

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">.lv{color:red;}</style>
</head>
<body><div>绿叶学习网</div><div class="lv">绿叶学习网</div><div class="lv">绿叶学习网</div>
</body>
</html>

.lv{color:red;}表示选中class="lv"的所有元素，然后定义它们的文本颜色为红色。

举例：（为不同元素定义class）

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">.lv{color:red;}</style>
</head>
<body><div>绿叶学习网</div><p class="lv">绿叶学习网</p><span class="lv">绿叶学习网</span><div>绿叶学习网</div>
</body>
</html>

p和span是两个不同的元素，我们为这两个不同的元素设置相同的class，这样就可以同时为p和span定义相同的CSS样式了。

注意：如果要为两个或多个元素定义相同的样式，建议使用class选择器，因为这样可以减少大量重复代码

4.后代选择器

后代选择器，就是选择元素内部中某一种元素的所有元素：包括子元素和其他后代元素（如“孙元素”）。

语法：

父元素和后代元素必须要用空格隔开，表示选中某个元素内部的后代元素

举例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">#father1 div {color:red;}#father2 span{color:blue;}</style>
</head>
<body><div id="father1"><div>绿叶学习网</div><div>绿叶学习网</div></div><div id="father2"><p>绿叶学习网</p><p>绿叶学习网</p><span>绿叶学习网</span></div>
</body>
</html>

5.群组选择器

群组选择器，指的是同时对几个选择器进行相同的操作

语法：

对于群组选择器，两个选择器之间必须要用英文逗号（,）隔开，不然群组选择器就无法生效

举例1：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">h3,div,p,span {color:red;}</style>
</head>
<body><h3>绿叶学习网</h3><div>绿叶学习网</div><p>绿叶学习网</p><span>绿叶学习网</span>
</body>
</html>

举例2：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">#lvye,.lv,span{color:red;}</style>
</head>
<body><div id="lvye">绿叶学习网</div><div>绿叶学习网</div><p>绿叶学习网</p><p class="lv">绿叶学习网</p><span>绿叶学习网</span>
</body>
</html>

章节测试

一、单选题

1．每一个样式声明之后，要用（）表示一个声明的结束。

A．逗号 B．分号 C．句号 D．顿号

2．下面哪一项是CSS正确的语法结构？（）

A．body:color=black

B．{body;color:black}

C．{body:color=black;}

D．body{color:black;}

3．下面有关id和class的说法中，正确的是（）。

A．id是唯一的，不同页面中不允许出现相同的id

B．id就像你的名字，class就像你的身份证号

C．同一个页面中，不允许出现两个相同的class

D．可以为不同的元素设置相同的class来为他们定义相同的CSS样式

4．下面有关选择器的说法中，不正确的是（）。

A．在class选择器中，我们只能对相同的元素定义相同的class属性

B．后代选择器选择的不仅是子元素，还包括它的其他后代元素（如“孙元素”）

C．群组选择器可以对几个选择器进行相同的操作

D．想要为某一个元素定义样式，我们可以使用不同的选择器来实现

二、编程题下面有一段代码，如果我们想要选中所有的div和p，请用至少两种不同的选择器方式来实现，并且选出最简单的一种。

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title>
</head>
<body><div></div><p></p><p></p><strong></strong><span></span>
</body>
</html>

答案：

一、BDDA

二、示例代码

<!--class选择器-->
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">.a{color: blue;}</style>
</head>
<body><div class="a">HELLO!</div><p class="a">你好</p><p class="a">hello</p><strong>nice</strong><span>today</span>
</body>
</html><!--id选择器-->
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">#a{color: red;}</style>
</head>
<body><div id="a">HELLO!</div><p id="a">你好</p><p id="a">hello</p><strong>nice</strong><span>today</span>
</body>
</html><!--群组选择器-->
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style type="text/css">div,p{color: red;}</style>
</head>
<body><div>HELLO!</div><p>你好</p><p>hello</p><strong>nice</strong><span>today</span>
</body>
</html>

群组选择器最简单！

CSS快速上手

第一章 CSS基础首先来回答2个问题。 1.CSS是什么？ CSS是用来控制网页外观的一门技术。 2.前端最核心的技术是什么？他们分别是用来干吗的？ 前端最核心的技术有：HTML、CSS、JavaScript。 HTML用于控制网页的结构，CSS…...

编程日记 2025/9/6 12:14:14

虚拟现实 UI 设计：打造沉浸式用户体验

VR UI 设计基础与特点虚拟现实技术近年来发展迅猛，其独特的沉浸式体验吸引了众多领域的关注与应用。在 VR 环境中，UI 设计扮演着至关重要的角色，它是用户与虚拟世界交互的桥梁。与传统 UI 设计相比，VR UI 设计具有显著的特点。传…...

编程日记 2025/8/31 13:15:07

搜索与图论树的广度优先遍历图中点的层次

适用性当边的权值相等时，使用广度优先遍历，往往是求图（树）的最短路径最优方法抽象理解伪代码建立队列添加第一个起始点到队列，标记其不可访问 while(队列不为空)//开始循环{获取队列中的队首元素，获…...

编程日记 2025/9/1 4:41:59

DHCP之报文格式

字段说明： op (op code): 表示报文的类型，取值为 1 或 2，含义如下 1:客户端请求报 2:服务器响应报文 Secs (seconds):由客户端填充，表示从客户端开始获得 IP 地址或 IP 地址续借后所使用了的秒数，缺省值为 3600s。 F…...

编程日记 2025/9/2 17:40:18

1.如果没有docker-compose.yml文件的话，先创建docker-compose.yml 配置文件一般长这个样子 version: 3services:redis:image: redis:latestcontainer_name: redisports:- "6379:6379"command: redis-server --requirepass "123456"restart: a…...

编程日记 2025/9/6 8:28:56

空中无人机等动态目标识别2025.4.4

* 一.无人机动态数据概述* 1.1 空中动态数据定义在无人机动态数据的范畴中， 空中动态数据是一个核心概念。它主要包括无人机在飞行过程中产生的各种实时信息，如位置、速度、高度、姿态等[1]。这些数据通过传感器系统采集，并以特定格式存…...

编程日记 2025/9/4 11:14:17

【AI论文】通过R1-Zero类似训练改进视觉空间推理

摘要：人们越来越关注提升多模态大型语言模型（MLLMs）的推理能力。作为在物理领域中运作的人工智能代理的基石，基于视频的视觉空间智能（VSI）成为MLLMs最为关键的推理能力之一。本研究首次深入探讨了通过R1-Ze…...

编程日记 2025/9/6 12:09:27

游戏引擎学习第203天

回顾当前情况在这里我将直播完成整个游戏的制作。我们现在面临一些技术上的困难，确实如此。我的笔记本电脑的电源接口坏了，所以我不得不准备了这台备用笔记本，希望它能够正常工作。我所以希望一切都还好，尽管我不完全确定是否一…...

编程日记 2025/9/1 21:34:28

从菜鸟到高手的提示词优化指南‌

如何用“说话的艺术”榨干AI潜力？ ——从菜鸟到高手的提示词优化指南‌ 一、什么是好的提示词？ 核心公式‌：精准提问明确需求限定条件示范案例好比让AI帮你买咖啡—— ❌ 差提示：“帮我买杯咖啡”（AI可能随便…...

编程日记 2025/9/5 20:29:42

应对高并发的根本挑战：思维转变【大模型总结】

以下是对这篇技术总结的详细解析，以分步说明的形式呈现，帮助理解亿万并发场景下的核心策略与创新思维： 一、应对高并发的根本挑战：思维转变 1. 传统架构的局限问题：传统系统追求零故障和强一致性，但在海…...

编程日记 2025/9/6 12:09:00

【Java集合】单列集合List详解

参考笔记： java 单列集合List 万字详解（通俗易懂）_java singlelist-CSDN博客目录前言： 一、概述二、特点三、使用集合的经典四部曲四、List接口常用的方法五、List接口实现类——ArrayList 六、List接口实现类——Ve…...

编程日记 2025/9/6 12:09:04

蓝桥刷题note13（排序)

1.冒泡排序适用场景： 数据量较小：适用于数据量较小的情况，例如数组长度在 10 以内。优点稳定性：冒泡排序是一种稳定的排序算法，相同元素的相对顺序不会改变。缺点时间复杂度高：平均和最坏时间复杂度为…...

编程日记 2025/9/5 21:48:46

【AI模型核心流程】(一)大语言模型输入处理机制详解与常见误解辨析

一、引言大语言模型（LLM）如GPT、BERT、LLaMA等，已成为自然语言处理领域的核心技术。然而，许多开发者对其底层输入处理机制存在误解，尤其是从自然语言文本到模型可理解的向量表示这一过程。本文将从技术细节出发&…...

编程日记 2025/9/6 12:09:28

如何完整迁移 Git 仓库？

Git 已经成为软件开发中版本控制和协作的事实上的标准。有时，开发人员可能需要将整个 Git 存储库 (包括其历史记录、分支和标记) 移动到新的位置或托管服务。在这个全面的指南中，我们将讨论在不丢失任何关键数据或历史记录的情况下无缝地重新定位完整 Gi…...

编程日记 2025/9/6 0:30:30

《在 Ubuntu 22.04 上安装 CUDA 11.8 和 Anaconda，并配置环境变量》

安装 CUDA 11.8 和 Anaconda 并配置环境变量在本教程中，我们将介绍如何在 Ubuntu 22.04 上安装 CUDA 11.8 和 Anaconda，并配置相应的环境变量。我们还将配置使用阿里云镜像源来加速软件包更新。以下是具体步骤。步骤 1：更新软件源首先…...

编程日记 2025/9/2 7:15:52

残差神经网络（ResNet）概念解析与用法实例：简洁的图像处理任务

目录 1. 前言 2. ResNet的核心思想 2.1 残差学习 2.2 跳跃连接 3. ResNet的架构 3.1 残差块 3.2 ResNet的整体架构 4. ResNet实例：随便处理处理图像 5. 总结 1. 前言随着深度学习的发展，神经网络的层数不断增加，但随之而来的是梯度…...

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

家里网络访问Github有时候打不开，解决办法

1、修改Hosts文件修改法通过DNS查询工具（如）获取最新GitHub域名解析IP修改系统hosts文件（路径：C:\Windows\System32\drivers\etc\hosts），添加：20.205.243.166 github.com 20.27.177.113 github…...

编程日记 2025/8/27 11:36:17

VirtualBox 配置双网卡（NAT + 桥接）详细步骤

在 VirtualBox 中为 CentOS 虚拟机配置双网卡（NAT 桥接），使其既能访问外网（NAT），又能与宿主机（Windows 10）或局域网通信（桥接）。步骤 1：关闭虚…...

编程日记 2025/9/3 4:33:56

【2023】ORIGIN或MATLAB 颜色图，等高图，颜色条——需要拟合补全中间的颜色

前言不是我疯了，就是世界疯了。我不知道究竟是哪一个疯了。瓶口和瓶盖尺寸不符。也许该怪瓶子，也许该怪盖子。但不管怎样，尺寸不符的事实不容动摇——《1Q84》 \;\;\;\;\;\; 有十几二十个导出的曲线数据，其中第一列是频率点，大约1001个，第二列是某种数据，都在0~1之间…...

编程日记 2025/9/6 8:42:15

flutter 专题七十三Flutter打包未签名的ipa

在Flutter项目开发完成之后，需要把iOS项目拿给第三方（如打包机）进行签名，那我们首先就需要准备打包好未签名的的ipa包。打包之前，需要先从第三方获取到iOS证书(.p12)和描述文件(.mobileprovision)，然后然…...

编程日记 2025/8/31 20:25:18

ngx_get_full_name

定义在 src\core\ngx_file.c ngx_int_t ngx_get_full_name(ngx_pool_t *pool, ngx_str_t *prefix, ngx_str_t *name) {size_t len;u_char *p, *n;ngx_int_t rc;rc ngx_test_full_name(name);if (rc NGX_OK) {return rc;}len prefix->len;#if (NGX_WIN32)if (…...

编程日记 2025/8/27 11:36:08

leetcode-代码随想录-链表-链表总结篇

理论基础链表： 每个节点由两部分组成：数据域和指针域（存放指向下一个节点的指针）；入口节点称为头节点；最后一个节点的指针域指向NULL（空指针）。分类： 单链表双链表&…...

编程日记 2025/9/3 7:10:59

如何用Python轻松实现快速复制或剪切文件列表中的所有文件呢？

在程序开发的过程中，处理文件是我们日常工作中一个很重要的环节。想象一下，当你需要把一大堆文件从一个文件夹移动到另一个文件夹时，手工操作真的会让人觉得烦躁对吧？这时，用代码来处理这些烦恼，真是太方便…...

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

【棒垒球规则】全国幼儿软式棒垒球比赛规则（二）·棒球1号位

幼儿棒垒球设备 2.01 球棒球棒使用组委会提供的泡棉发泡安全球棒，以安全环保材料制成；球棒规格：长度为 53 厘米，重量为 200 克（10 克），棒头直径为 7 厘米，握把直径为 3 厘米。 2…...

编程日记 2025/8/30 12:37:51

在MacOS 10.15上使用MongoDB

这次是在MacOS 10.15上使用MongoDB。先在豆包问支持MacOS 10.15的MongoDB最新版是什么，答案是MongoDB 5.0。抱着谨慎怀疑的态度去官方网站查询了一下，答案如下 MongoDB 7.x支持的最低版本MacOS是11MongoDB 6.x支持的最低版本MacOS是10.14 又找deepsee…...

编程日记 2025/9/1 11:01:11

【Ragflow】11. 文件解析流程分析/批量解析实现

概述本文继续对ragflow文档解析部分进行分析，并通过脚本的方式实现对文件的批量上传解析。文件解析流程文件解析的请求处理流程大致如下： 1.前端上传文件，通过v1/document/run接口，发起文件解析请求 2.后端api\apps\docum…...

编程日记 2025/9/4 4:17:19

企业供应链管理

企业供应链管理企业供应链管理企业供应链管理企业信息化信息化的作用信息化的发展阶段信息化建设的挑战 SRM（供应商关系管理）SRM架构参考图企业内部系统协作： ERP (企业资源计划)OA (办公自动化)业务功能模块：企业日常办公 EMS …...

编程日记 2025/9/3 12:31:44

性能测试之jmeter的基本使用

简介 Jmeter是Apache的开源项目，基于Java开发，主要用于进行压力测试。优点：开源免费、支持多协议、轻量级、功能强大官网：https://jmeter.apache.org/index.html 安装安装步骤： 下载：进入jmeter的…...

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

常见的微信个人号二次开发功能

一、常见开发功能 1. 好友管理好友列表维护添加/删除好友修改好友信息（备注、标签等） 分组管理创建/编辑/删除标签好友分类与筛选 2. 消息管理信息发送支持多类型内容：文本、图片、视频、文件、小程序、名片、URL链接等附加功…...

编程日记 2025/9/4 6:33:09

Muduo网络库实现 [十三] - HttpRequest模块

目录设计思路成员设计模块实现设计思路首先我们要先知道HTTP的请求的流程是什么样子的，不然我们会学的很迷糊。对于HTTP请求如何到来以及去往哪里，我们应该很清楚的知道 HTTP请求在服务器系统中的传递流程是一个多层次的过程: 客户端发起请求…...

编程日记 2025/8/29 0:05:52

探索C++11：解锁现代编程（3）

1.包装器 1.1function std::function 是 C 标准库中的一个模板类，位于 <functional> 头文件中。它用于封装可调用对象，包括普通函数、Lambda 表达式、函数对象、成员函数等。std::function 提供了极大的灵活性，使得你可以将不同类型的…...

编程日记 2025/9/5 7:17:13

软件工程（应试版）图形工具总结（二）

遇到的问题，都有解决方案，希望我的博客能为你提供一点帮助。教材参考《软件工程导论（第六版）》七、层次图（H图）与HIPO图 1、概述 1.1、层次图（Hierarchy Chart / H图） 核心…...

编程日记 2025/9/5 19:54:41

人工智能在前端开发中的应用探索

一、人工智能在前端开发中的应用场景人工智能（AI）技术的快速发展为前端开发带来了新的机遇和挑战。AI在前端开发中的应用主要集中在以下几个方面：智能代码生成、自动化测试、个性化推荐、智能交互设计以及性能优化。这些应用场景不仅提高了…...

编程日记 2025/9/5 9:37:26

木马学习记录

一句话木马是什么一句话木马就是仅需要一行代码的木马，很简短且简单，木马的函数将会执行我们发送的命令如何发送命令＆发送的命令如何执行? 有三种方式：GET，POST，COOKIE，一句话木马中用$_G…...

编程日记 2025/8/27 14:12:19

WebSocket 也有跨域问题？如何让 Spring Boot WebSocket 允许跨域连接？

前言在现代 Web 开发中，跨域问题一直是开发者必须面对的挑战。无论是传统的 HTTP 请求还是实时通信的 WebSocket，浏览器的同源策略（Same-Origin Policy）都可能成为功能实现的拦路虎。许多开发者对 HTTP 的跨域解决方案&#xff…...

编程日记 2025/9/3 0:43:08

音视频入门基础：MPEG2-PS专题（8）——使用Wireshark分析GB28181的PS流

音视频入门基础：MPEG2-PS专题系列文章： 音视频入门基础：MPEG2-PS专题（1）——MPEG2-PS官方文档下载音视频入门基础：MPEG2-PS专题（2）——使用FFmpeg命令生成ps文件音视频入门基础…...

编程日记 2025/9/4 8:28:02

Bash详解

各类资料学习下载合集 https://pan.quark.cn/s/8c91ccb5a474 Bash详解 Bash（Bourne Again SHell）是Linux和Unix系统中最常用的命令行解释器之一。它不仅提供了强大的命令行操作功能，还支持脚本编程，使得用户能够自动化任务和实现复杂的操作。本文将详细介绍Bash…...

编程日记 2025/9/6 3:55:43

WORD+VISIO输出PDF图片提高清晰度的方法

WORDVISIO输出PDF图片提高清晰度的方法 part 1: visio 绘图part 2: word 导出 part 1: visio 绘图先在visio中把图片和对应的文字调整为适合插入到文章中的尺寸； 在visio中把所有元素进行组合； 把组合后的图片长和宽等比例放缩，如放大10倍…...

编程日记 2025/9/5 12:57:56

springMVC--Controller配置总结

控制器Controller 控制器复杂提供访问应用程序的行为，通常通过接口定义或注解定义两种方式控制器负责解析客户的请求并转换成一个模型在springMVC中，一个控制器类可以包含多种方法在springMVC中，对于controller的配置有多种实现Contr…...

编程日记 2025/9/4 17:18:21

JavaScript BOM核心对象、本地存储

目录 BOM 核心对象详解一、location 对象 1. 常用属性 2. 常用方法 3. 应用场景二、navigator 对象 1. 核心属性 2. 常用方法 3. 应用场景三、history 对象 1. 核心属性和方法 2. 应用场景四、兼容性与注意事项五、总结本地存储与复杂数据类型处理一、本…...

编程日记 2025/9/3 2:36:11

单元测试之测试覆盖率-jacoco基本使用

简介免费的、开源的、针对java的单元测试覆盖率工具。基于字节码，无需源码也可以工作。代码覆盖率：用来衡量测试代码对功能代码的测试情况，量化说明测试的充分度。通过执行测试用例，功能代码中的哪些行被执行了，哪…...

编程日记 2025/8/29 11:51:08

css3.31面试题

CSS 相关的面试题一般围绕基础知识、布局、性能优化、兼容性、深入原理等几个方向。以下是一些常见的面试题总结： CSS 基础知识盒模型（Box Model）是什么？有哪些类型？ px、em、rem、vw、vh、% 的区别？ …...

编程日记 2025/9/2 12:19:19

Nature Electronics|一种透气、可拉伸的液态金属基3D电子皮肤系统（健康监测/可穿戴电子/透汗透气性电子/电子皮肤/柔性电子/集成电路）

一、摘要穿戴式和皮肤电子设备的发展要求高密度可伸展电子系统能够与软组织共形，持续运行并提供长期的生物相容性。大多数可拉伸电子系统的集成密度低，并且与外部印刷电路板连接，这限制了功能，降低了用户体验并阻碍了长期可用性。在此，作者提出了一种可渗透的三维集成电…...

编程日记 2025/9/3 1:33:11

【家政平台开发(15)】解锁Spring Boot：家政平台后端开发全攻略

本【家政平台开发】专栏聚焦家政平台从 0 到 1 的全流程打造。从前期需求分析，剖析家政行业现状、挖掘用户需求与梳理功能要点，到系统设计阶段的架构选型、数据库构建，再到开发阶段各模块逐一实现。涵盖移动与 PC 端设计、接口开发及性能优化…...

编程日记 2025/9/3 15:25:56

AI Agent设计模式二：Parallelization

概念 ：并行任务执行引擎 ✅ 优点：提升吞吐量，充分利用多核资源❌ 缺点：复杂度高，存在竞态条件风险 from langchain_openai import ChatOpenAI from langgraph.graph import StateGraph, START, END from typing impor…...

编程日记 2025/9/1 17:51:13

Upload-labs靶场通关

之前搭好了靶场，Upload-labs 靶场搭建及一句话木马的原理与运用-CSDN博客今天开始通关并写详细流程 Pass-1 来到靶场的第一关先随便上传php 代码点击上传发现文件类型被限制了方法1： 改文件后缀为合法文件（.jpg .png .gif&#xf…...

编程日记 2025/9/5 7:19:41

Python数据结构之有序列表

一.基本介绍在有序列表中，元素的相对位置取决于它们的基本特征。它们通常以升序或者降序排列，并且我们假设元素之间能进行有意义的比较。有序列表和无序列表(链表)的许多操作都是相同的。二.代码实现 class OrderedList:"""有序列表类…...

编程日记 2025/9/4 9:00:50

LMK04828使用指南-01-简介与引脚功能描述

简介 LMK0482x系列是业界性能最高的时钟调节器，支持JEDEC JESD204B。 PLL2的14个时钟输出可以配置为使用设备和SYSREF时钟驱动七个JESD204B转换器或其他逻辑设备。可以使用直流和交流耦合提供SYSREF。不限于JESD204B应用，14个输出中的每一个都可以单独…...

编程日记 2025/8/31 17:03:41

统计学基本原理

目录文章目录目录统计学统计学基本概念描述性统计数据可视化图表工具汇总统计统计数据的分布情况：中位数、众数、平均值统计数据的离散程度：极差、方差、标准差、离散系数相关分析Pearson 线性关系相关系数Spearman 单调关系相关系数回归分析回归模…...

编程日记 2025/8/27 14:11:53

日常真实工作环境，Mysql常用操作命令，笔记！

1、开放增删改查权限，不开放表结构修改权限有许多生产环境是不需要修改表结构的，也是为了防止SQL注入。创建用户 mysql> grant all on *.* to ie% identified by test1设置权限 1.首先我们先回收所有权限。 revoke all on *.* from ie% ;2.设…...

编程日记 2025/9/3 1:33:16

第一章 CSS基础

CSS引入方式

1.外部样式表

2.内部样式表

3.行内样式表

章节测试

第二章 CSS选择器

1.元素选择器

2.id选择器

3.class选择器

4.后代选择器

5.群组选择器

相关文章：