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

【学术投稿-第四届智能电网和绿色能源国际学术会议(ICSGGE 2025)】CSS基本选择器详解:掌握基础,轻松布局网页

可线上

官网:www.icsgge.org

时间:2025年2月28-3月2日

目录

前言

一、基本选择器简介

1. 元素选择器(Type Selector)

基本语法

示例

注意事项

2. 类选择器(Class Selector)

基本语法

示例

注意事项

3. ID选择器(ID Selector)

基本语法

示例

注意事项:

4. 通配符选择器(Universal Selector)

基本语法

示例

注意事项

二、CSS选择器的注意事项

1. 优先级与特异性

2. 避免过度使用通配符选择器

3. 合理组合选择器

三、总结


前言

        CSS选择器是Web开发中的重要组成部分,它决定了样式规则如何应用到页面中的元素。掌握常见的CSS选择器,不仅能提升开发效率,还能让代码更加简洁和高效。在这篇博客中,我们将详细解析CSS的基本选择器,包括类型选择器、类选择器、ID选择器、通配选择器等,同时给出使用时的注意事项,帮助你更好地理解和运用这些选择器。


一、基本选择器简介

CSS选择器的作用是选择页面中的元素,然后将样式应用于它们。根据选择器的不同,CSS可以精确地定位到你想要操作的元素。常见的选择器包括元素选择器类选择器ID选择器通配符选择器等。

1. 元素选择器(Type Selector)

元素选择器是最基本的CSS选择器,用于选择某种类型的HTML元素并为其应用样式。你只需要写出元素的标签名称即可。

基本语法
element {property: value;
}
示例
p {color: blue;
}

这段代码将使页面中所有<p>标签的文字变为蓝色。

注意事项
  • 选择范围广泛:会影响页面中所有的相同元素。如果只想选择某一部分,可以结合其他选择器使用。
  • 优先级较低:在样式冲突时,元素选择器的优先级较低,可能会被类或ID选择器覆盖。

综合案例 

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>元素选择器</title><style>h2{color:aquamarine;font-size: 30px;}p{color:blue;font-size: 25px;}</style>
</head>
<body><h1>欢迎来到土味官网,土的味道我知道</h1><br><h2>土味情话</h2><h3>作者:网友</h3><p>万水千山总是情,爱我多点行不行?</p><p>我的心里给你留了块地,我的死心塌地!</p><br><h2>反杀土味情话</h2><h3>作者:单身网友</h3><p>一寸光阴一村金,劝你死了这条心.</p><p>我心里只有一块地,我的玛莎拉蒂!</p>
</body>
</html>

 


2. 类选择器(Class Selector)

类选择器是通过HTML元素的class属性来选中元素,它允许你选择页面中所有具有特定类的元素。类选择器以.开头。

基本语法
.class-name {property: value;
}
示例
.button {background-color: red;color: white;
}

这段代码会使页面中所有类名为button的元素背景变为红色,文字变为白色。

注意事项
  • 类名复用:同一个类可以被多个元素使用,非常适合对多种元素应用相同的样式。
  • 命名规范:为了避免命名冲突,建议采用有意义且易于辨识的类名,例如button-primaryheader-title等。

综合案例 

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>通配选择器</title><style>/* 类选择器 选中类名为speak的元素 */.speak{color: red;}/* 类选择器 选中类名为answer的元素 */.answer{color: blue;}/* 类选择器 选中类名为size的元素 */.size{font-size: 35px;}</style>
</head>
<body><h1>欢迎来到土味官网,土的味道我知道</h1><br><h2>土味情话</h2><h3>作者:网友</h3><p class="speak size">你对我说:万水千山总是情,爱我多点行不行?</p><p class="speak">你对我说:我的心里给你留了块地,我的死心塌地!</p><br><h2>反杀土味情话</h2> <h3>作者:单身网友</h3><p class="answer">我对你说:一寸光阴一村金,劝你死了这条心.</p><p class="answer">我对你说:我心里只有一块地,我的玛莎拉蒂!</p>
</body>
</html>


3. ID选择器(ID Selector)

ID选择器是通过HTML元素的id属性来选中元素,ID在页面中必须是唯一的。ID选择器以#开头,适合用于选择页面中唯一的元素。

基本语法
#id-name {property: value;
}
示例
#header {font-size: 24px;color: black;
}

这段代码会使页面中id="header"的元素字体大小为24px,颜色为黑色。

注意事项
  • ID唯一性:一个页面中只能有一个id为同名的元素。如果多个元素使用相同的ID,可能会导致样式和脚本的错误。
  • 优先级较高:ID选择器的优先级比类选择器和元素选择器都要高,因此它会覆盖相同元素的其他样式。

综合案例

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ID选择器</title><style>#earthy{color:aquamarine;}.size{font-size: 30px;}#unearthy{color:blue;}</style>
</head>
<body><h1>欢迎来到土味官网,土的味道我知道</h1><br><h2 id="earthy" class="size">土味情话</h2><h3>作者:网友</h3><p>万水千山总是情,爱我多点行不行?</p><p>我的心里给你留了块地,我的死心塌地!</p><br><h2 id="unearthy" class="size">反杀土味情话</h2><h3>作者:单身网友</h3><p>一寸光阴一村金,劝你死了这条心.</p><p>我心里只有一块地,我的玛莎拉蒂!</p>
</body>
</html>

 


4. 通配符选择器(Universal Selector)

通配符选择器(*)用于选中页面中的所有元素。它的应用范围非常广泛,但不常用于样式设计中,通常用于全局的基础样式设置。

基本语法
* {property: value;
}
示例
* {margin: 0;padding: 0;
}

这段代码会清除页面中所有元素的外边距和内边距,通常用于网页布局的初始化。

注意事项
  • 慎用通配符选择器:由于它会影响页面上的所有元素,使用时要非常小心,避免造成不可预见的副作用。
  • 性能问题:通配符选择器的性能相对较差,因为它会作用于所有元素,可能导致页面渲染变慢。

综合案例 

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>通配选择器</title><style>*{color: red;font-size: 35px;}</style>
</head>
<body><h1>欢迎来到土味官网,土的味道我知道</h1><br><h2>土味情话</h2><h3>作者:网友</h3><p>万水千山总是情,爱我多点行不行?</p><p>我的心里给你留了块地,我的死心塌地!</p><br><h2>反杀土味情话</h2><h3>作者:单身网友</h3><p>一寸光阴一村金,劝你死了这条心.</p><p>我心里只有一块地,我的玛莎拉蒂!</p>
</body>
</html>

 


二、CSS选择器的注意事项

1. 优先级与特异性

选择器的优先级(即特异性)会影响样式的应用。ID选择器的优先级最高,其次是类选择器,最后是元素选择器。

  • ID选择器#id(特异性为100)
  • 类选择器.class(特异性为10)
  • 元素选择器div(特异性为1)

2. 避免过度使用通配符选择器

虽然通配符选择器可以快速选择所有元素,但由于它会影响页面上的所有内容,可能会导致不必要的性能开销。因此应避免在生产环境中大量使用。

3. 合理组合选择器

使用组合选择器时,尽量避免过度嵌套,保持代码简洁且高效。嵌套过深的选择器可能会影响页面的性能,并导致样式难以维护。


三、总结

CSS选择器是Web开发中不可或缺的基础,掌握了选择器的使用,就能够精确地控制页面中每个元素的样式。从简单的元素选择器到复杂的组合选择器,合理运用这些选择器能让你写出更加简洁、高效的CSS代码。在实际项目中,了解选择器的优先级、特异性,以及如何避免选择器过度嵌套,能帮助避免样式冲突,提高开发效率。

希望这篇博客帮助更好地理解和使用CSS选择器,助力你成为一个更加高效的Web开发者!

相关文章:

【学术投稿-第四届智能电网和绿色能源国际学术会议(ICSGGE 2025)】CSS基本选择器详解:掌握基础,轻松布局网页

可线上 官网&#xff1a;www.icsgge.org 时间&#xff1a;2025年2月28-3月2日 目录 前言 一、基本选择器简介 1. 元素选择器&#xff08;Type Selector&#xff09; 基本语法 示例 注意事项 2. 类选择器&#xff08;Class Selector&#xff09; 基本语法 示例 注意…...

5种解决方式来应对deepseek暂时无法回答

在工作中&#xff0c;你是否常常遇到deepseek回复“暂时无法回答”的情况&#xff1f;根据某权威机构的调研数据显示&#xff0c;约73%的用户在使用此类工具时遇到过类似问题&#xff0c;这严重影响了工作效率和体验。本文将为你提供5种实测有效的解决方法&#xff0c;帮助你快…...

【C/C++算法】从浅到深学习--- 二分查找(图文兼备 + 源码详解)

绪论&#xff1a;冲击蓝桥杯一起加油&#xff01;&#xff01; 每日激励&#xff1a;“不设限和自我肯定的心态&#xff1a;I can do all things。 — Stephen Curry” 绪论​&#xff1a; 本章是算法篇章的第三章二分算法&#xff0c;本章主要是通过题目的形式来进行学习&…...

HTML之JavaScript使用JSON

HTML之JavaScript使用JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式&#xff0c;易于人阅读和编写&#xff0c;同时也易于机器解析和生成。JSON是JavaScript对象的字符串表示法&#xff0c;它使用文本表示一个js对象的信息&#xff0c;可以将json字符串转换…...

elementui:element中el-dialog点击关闭按钮清除里面的内容和验证

问&#xff1a; element中el-dialog点击关闭按钮清除里面的内容和验证 回答&#xff1a; 在el-form中设置:before-close取消的回调函数就可以了...

从零搭建微服务项目(第5章——SpringBoot项目LogBack日志配置+Feign使用)

前言&#xff1a; 本章主要在原有项目上添加了日志配置&#xff0c;对SpringBoot默认的logback的配置进行了自定义修改&#xff0c;并详细阐述了xml文件配置要点&#xff08;只对日志配置感兴趣的小伙伴可选择直接跳到第三节&#xff09;&#xff0c;并使用Feign代替原有RestT…...

传输层协议TCP (上)

文章目录 前言TCP报文格式TCP连接管理连接建立与中止三次握手三次握手的状态变化为什么是三次握手 四次挥手四次挥手的状态变化FIN_WAIT_2 状态可能导致连接长时间不释放的问题TIME_WAIT状态作用 复位报文段非法连接请求其他异常情况 半打开连接同时握手同时关闭 参考资料 前言…...

Proxmox 更新软件包数据库(TASK ERROR: command ‘apt-get update‘ failed: exit code 100)

1、连接自己报错的物理机Shell&#xff0c;编辑文件 vi /etc/apt/sources.list.d/pve-enterprise.list 2、注释文件的第一行在开头加上# 按I进入编辑模式后 开头添加# 然后shift&#xff1a; 输入wq或者wq&#xff01;进行保存 3、注释后执行两个命令apt-get update 和 apt…...

java程序员进阶之路需要的学习过程

http://blog.csdn.net/qq_37267015/article/details/77108692...

C#01项目——计算器

实现需求: 可以连续相加&#xff0c;并记录计算表达式。 实现逻辑 1、利用字符串加减原则&#xff0c;获取相加的数值。 2、将数值存入到列表中&#xff0c;需要计算最终结果时&#xff0c;遍历列表中数值&#xff0c;全部相加 数字键 判断计算式长度是否超出上限根据运算…...

windows蓝牙驱动开发-在蓝牙配置文件驱动程序中接受 L2CAP 连接

L2CAP 服务器配置文件驱动程序会响应来自远程设备的传入逻辑链接控制和适应协议 (L2CAP) 连接请求。 例如&#xff0c;PDA 的 L2CAP 服务器配置文件驱动程序将响应来自 PDA 的传入连接请求。 接收传入 L2CAP 连接请求 1. 若要接收来自特定 PSM 的任何远程设备的传入 L2CAP 连…...

如何下载AndroidStudio的依赖的 jar,arr文件到本地

一、通过jitpack.io 下载依赖库 若需要下载 com.github.xxxxx:yy-zzz:0.0.2 的 jar则 https://jitpack.io/com/github/xxxxx/yy-zzz/0.0.2/ 下会列出如下build.logyy-zzz-0.0.2.jaryy-zzz-0.0.2.pomyy-zzz-0.0.2.pom.md5yy-zzz-0.0.2.pom.sha1jar 的下载路径为https://jitpack…...

QT笔记——QRadioButton

文章目录 1、概要2、实际的应用2.1、创建多个QRadioButton,只可同时选中其中一个&#xff0c;点击后实现对应的槽函数 1、概要 实现QRadioButton相关的应用&#xff1b;2、实际的应用 2.1、创建多个QRadioButton,只可同时选中其中一个&#xff0c;点击后实现对应的槽函数 创建…...

Vue 2 + Vite 项目集成 ESLint 和 Prettier

在 Vue 2 Vite 项目中集成 ESLint 和 Prettier 可以帮助你规范代码风格并自动格式化代码。以下是详细的步骤&#xff1a; 1. 安装 ESLint 和 Prettier 相关依赖 在项目根目录下运行以下命令&#xff0c;安装 ESLint、Prettier 和相关插件&#xff1a; npm install --save-de…...

uniapp canvas 生成海报并保存到相册

前言&#xff1a; 之前写过一篇canvas小程序画图只要是canvas各种方法的实际应用&#xff0c;有兴趣的小伙伴也可以看看 微信小程序&#xff1a;使用canvas 生成图片 并分享_小程序canvas生成图片-CSDN博客 上一篇文章是小试牛刀&#xff0c;这次是更加全面的记录生成海报的…...

无人机不等同轴旋翼架构设计应用探究

“结果显示&#xff0c;对于不等组合&#xff0c;用户应将较小的螺旋桨置于上游以提高能效&#xff0c;但若追求最大推力&#xff0c;则两个相等的螺旋桨更为理想。” 在近期的研究《不等同轴旋翼性能特性探究》中&#xff0c;Max Miles和Stephen D. Prior博士深入探讨了不同螺…...

C语言中隐式类型转换 截断和整型提升

C的整形算数总是至少以缺省整形类型的精度来进行的 为了获得这个精度 表达式中的字符和短整形操作数在使用之前被转换为普通整形 这种类型转换成为整型提升 给出代码实例↓ #include<stdio.h> int main() {//char signed charchar a 3;char b 127;char c a b;pri…...

R语言学习计划启动

R语言入门课 生信基地已然落地&#xff0c;我们希望能够给大家提供系统性、形成性、规范性的生信教学。前面几次活动中同学们表示希望能够有线下集中学习以及针对性的指导、答疑。所以&#xff0c;此次我们计划于2025年02月22日~23日(周六周日)推出"生信R语言入门课"…...

AI写代码工具时代:前端开发技能迭代的挑战与应对

近年来&#xff0c;人工智能&#xff08;AI&#xff09;技术飞速发展&#xff0c;深刻地改变着各个行业&#xff0c;前端开发领域也不例外。AI技术不仅带来了新的开发模式&#xff0c;也显著加快了前端开发技能的迭代速度&#xff0c;给前端工程师带来了巨大的挑战。本文将深入…...

消息队列之-springcloud-mq-stream 学习

背景: 开发中我们往往需要用到mq中间件进行消息处理,但是市面上的mq中间件实在太多了,导致我们在集成过程中困难重重,尤其在微服务当中,比如我们有一个订单模块、物流模块 他们都用到了mq,订单用的是rabbitmq 物流用的是kafka 导致当我们需要向这两个模块推送mq消息时,需…...

数据结构(考研)

线性表 顺序表 顺序表的静态分配 //线性表的元素类型为 ElemType//顺序表的静态分配 #define MaxSize10 typedef int ElemType; typedef struct{ElemType data[MaxSize];int length; }SqList;顺序表的动态分配 //顺序表的动态分配 #define InitSize 10 typedef struct{El…...

【16届蓝桥杯寒假刷题营】第1期DAY4

5.倍数区间 - 蓝桥云课 5. 倍数区间 问题描述 给定一个长度为 n 的数组 a&#xff0c;定义 f(i) 表示包含 ai​ 的最长区间长度&#xff0c;要求该区间中的所有数都是 ai​ 的倍数。请计算不同的 f(i) 的个数&#xff0c;其中 1≤i≤n。 输入格式 第一行包含一个正整数 n …...

「软件设计模式」适配器模式(Adapter)

软件设计模式深度解析&#xff1a;适配器模式&#xff08;Adapter&#xff09;&#xff08;C实现&#xff09; 一、模式概述 适配器模式&#xff08;Adapter Pattern&#xff09;是结构型设计模式中的"接口转换器"&#xff0c;它像现实世界中的电源适配器一样&#…...

进阶版MATLAB 3D柱状图

%% 1. 数据准备 % 假设数据是一个任意形式的矩阵 % 例如&#xff1a;5行 x 7列的矩阵 data [3 5 2 6 8 4 7;7 2 6 9 3 5 8;4 8 3 7 2 6 9;6 1 5 8 4 7 2;9 4 7 3 6 2 5];% 定义行和列的标签&#xff08;可选&#xff09; rowLabels {Row1, Row2, Row3, Row4, Row5}; % 行标签…...

【Elasticsearch】token filter分词过滤器

以下是Elasticsearch中常见的分词过滤器&#xff08;Token Filter&#xff09;的详细说明&#xff0c;基于搜索结果中的信息整理&#xff1a; 1.Apostrophe • 功能&#xff1a;处理文本中的撇号&#xff08;apostrophe&#xff09;&#xff0c;例如将“OReilly”转换为“ore…...

一天急速通关SpringMVC

一天急速通关SpringMVC 0 文章介绍1 介绍1.1 MVC架构与三层架构1.2 Spring MVC介绍1.3 入门程序 2 请求的映射3 请求数据的接收3.1 RequestParam接收3.2 POJO/JavaBean接收3.3 RequestHeader和CookieValue接收 4 请求数据的传递5 视图5.1 视图的理解5.2 请求转发和响应重定向的…...

MongoDB 7 分片副本集升级方案详解(下)

#作者&#xff1a;任少近 文章目录 1.4 分片升级1.5 升级shard11.6 升级shard2,shard31.7 升级mongos1.8重新启用负载均衡器1.9 推荐MongoDB Compass来验证数据 2 注意事项&#xff1a; 1.4 分片升级 使用“滚动”升级从 MongoDB 7.0 升级到 8.0&#xff0c;即在其他成员可用…...

如何在 MySQL 5.6 中实现按季度分组并找到销量最高的书籍

如何在 MySQL 5.6 中实现按季度分组并找到销量最高的书籍 引言问题描述实现步骤1. 计算每本书在每个季度的累计销量2. 找到每个季度的最高累计销量3. 匹配最高销量的书籍 总结扩展练习 引言 在数据分析和业务报表中&#xff0c;经常需要对数据进行分组统计&#xff0c;并找到每…...

JAVA生产环境(IDEA)排查死锁

使用 IntelliJ IDEA 排查死锁 IntelliJ IDEA 提供了强大的工具来帮助开发者排查死锁问题。以下是具体的排查步骤&#xff1a; 1. 编写并运行代码 首先&#xff0c;我们编写一个可能导致死锁的示例代码&#xff1a; public class DeadlockExample {private static final Obj…...

群体智能优化:粒子群算法(PSO)详解与实战

一、引言&#xff1a;从鸟群行为到优化算法 1995年&#xff0c;社会心理学家James Kennedy和电气工程师Russell Eberhart通过观察鸟群觅食行为&#xff0c;提出了著名的粒子群优化算法&#xff08;Particle Swarm Optimization, PSO&#xff09;。这一算法仅用不到30年时间&am…...

k8s集群搭建参考(by lqw)

文章目录 声明配置yum源安装docker安装 kubeadm&#xff0c;kubelet 和 kubectl部署主节点其他节点加入集群安装网络插件 声明 由于看了几个k8s的教程&#xff0c;都存在各种问题&#xff0c;自己搭建的时候&#xff0c;踩了不少坑&#xff0c;最后还是靠百度csdnchatGPT才搭建…...

vue3+vite项目引入electron运行为桌面项目

一、安装electron npm install --save-dev electron二、项目根目录添加electron文件 在此文件夹中添加两个js文件&#xff1a;main.js、preload.js main.js: // Modules to control application life and create native browser window const { app, BrowserWindow } requ…...

教育小程序+AI出题:如何通过自然语言处理技术提升题目质量

随着教育科技的飞速发展&#xff0c;教育小程序已经成为学生与教师之间互动的重要平台之一。与此同时&#xff0c;人工智能&#xff08;AI&#xff09;和自然语言处理&#xff08;NLP&#xff09;技术的应用正在不断推动教育内容的智能化。特别是在AI出题系统中&#xff0c;如何…...

使用 Flask 构建流式返回服务

使用 Flask 构建流式返回服务是一个很常见的应用场景&#xff0c;特别是在需要逐步传输大数据或进行长时间操作的场景下&#xff08;比如下载大文件、实时日志等&#xff09;。Flask 中可以通过 Response 对象来实现流式响应。以下是一个简单的例子&#xff0c;展示了如何在 Fl…...

Redis 集群相关知识介绍

Redis 集群详解&#xff1a;从入门到实战 Redis 是一个高性能的开源数据库&#xff0c;支持多种数据结构&#xff0c;广泛应用于缓存、消息队列、实时分析等领域。随着业务规模的增长&#xff0c;单机 Redis 的性能和容量往往无法满足需求&#xff0c;因此 Redis 集群&#xf…...

宏基传奇swift edge偶尔开机BIOS重置

电脑是acer swift edge&#xff0c; SFA16-41&#xff0c;出厂是Win11系统&#xff0c; BIOS版本出厂1.04&#xff0c;更新到了目前最新1.10。 问题是 会偶尔开机ACER图标变小跑到屏幕左上方&#xff0c;下次开机BIOS就会被重置&#xff0c;开机等待很长时间。 因为是偶尔现象的…...

DeepSeek是如何通过“蒸馏”技术打造自己的AI模型

1 引言&#xff1a; 最近&#xff0c;外媒对中国公司——DeepSeek进行了猛烈抨击&#xff0c;指控其采用了所谓的“蒸馏”&#xff08;Distillation&#xff09;技术&#xff0c;涉嫌抄袭甚至作弊。那么&#xff0c;什么是“蒸馏”技术&#xff1f; 在人工智能领域&#xff0c;…...

你如何利用SIMD(如SSE/AVX)优化图像处理的性能?

SIMD优化问题 1. SIMD 在图像处理中的优化方式2. 典型应用场景3. SIMD 的常见优化技巧4. 总结 利用 SIMD&#xff08;Single Instruction, Multiple Data&#xff09; 指令集&#xff08;如 SSE/AVX/AVX2/AVX-512&#xff09;优化图像处理的性能&#xff0c;可以极大地提升计算…...

支付宝 IoT 设备入门宝典(上)设备管理篇

相信不少朋友最近都被支付宝“碰一下”广告刷屏&#xff0c;“不用打开 APP 支付就碰一下”几个字一出简直自带BGM……其实“碰一下”就是支付宝 IoT 设备的一种&#xff0c;趁着热度还在&#xff0c;我会分为设备管理和设备经营上下两篇&#xff0c;简单介绍一下支付宝 IoT&am…...

Go语言 Web框架Gin

Go语言 Web框架Gin 参考 https://docs.fengfengzhidao.com https://www.liwenzhou.com/posts/Go/gin/#c-0-7-2 返回各种值 返回字符串 package mainimport ("net/http""github.com/gin-gonic/gin")func main() {router : gin.Default()router.GET("…...

蓝桥杯-洛谷刷题-day5(C++)(为未完成)

1.P1328 [NOIP2014 提高组] 生活大爆炸版石头剪刀布 i.题目 ii.代码 #include <iostream> #include <string> using namespace std;int N, Na, Nb; //0-"剪刀", 1-"石头", 2-"布", 3-"蜥", 4-"斯"&#xff1…...

【Unity3D优化】使用ASTC压缩格式优化内存

在Unity3D手游开发中&#xff0c;合理选择纹理压缩格式对于优化内存占用、提高渲染效率至关重要。本文将记录近期在项目内进行的图片压缩格式优化过程&#xff0c;重点介绍从ETC2到ASTC 5x5的优化方案及其带来的收益。 1. 现状分析&#xff1a;从ETC2到ASTC 6x6 block 在项目…...

NO.13十六届蓝桥杯备战|条件操作符|三目操作符|逻辑操作符|!||||(C++)

条件操作符 条件操作符介绍 条件操作符也叫三⽬操作符&#xff0c;需要接受三个操作数的&#xff0c;形式如下&#xff1a; exp1 ? exp2 : exp3条件操作符的计算逻辑是&#xff1a;如果 exp1 为真&#xff0c; exp2 计算&#xff0c; exp2 计算的结果是整个表达式的结果&am…...

【uniapp-小程序】实现方法调用的全局tips弹窗

【uniapp-小程序】实现方法调用的全局tips弹窗 开发背景弹窗组件全局调用封装配置项入参全局注入使用 附带&#xff1a;如何在uniapp-H5项目中实现全局自定义弹窗组件定义定义vue插件引入 笑死&#xff0c;只有在想找工作的时候才会想更新博客。 开发背景 本来是个uniapp开发…...

springboot如何将lib和jar分离

遇到一个问题&#xff0c;就是每次maven package或者maven install后target中的jar很大&#xff0c;少的50几MB&#xff0c;大的100多兆 优化前&#xff1a; 优化后&#xff1a; 优化前 优化后压缩率77.2MB4.65MB93% 具体方案&#xff1a; pom.xml中 <build><…...

深入探索C语言中的字符串处理函数:strstr与strtok

在C语言的字符串处理领域&#xff0c; strstr 和 strtok 是两个非常重要的函数&#xff0c;它们各自承担着独特的功能&#xff0c;为开发者处理字符串提供了强大的支持。 一、strstr函数&#xff1a;字符串查找的利器 strstr 函数用于在一个字符串中查找另一个字符串的首次出现…...

Django学习笔记(第一天:Django基本知识简介与启动)

博主毕业已经工作一年多了&#xff0c;最基本的测试工作已经完全掌握。一方面为了解决当前公司没有自动化测试平台的痛点&#xff0c;另一方面为了向更高级的测试架构师转型&#xff0c;于是重温Django的知识&#xff0c;用于后期搭建测试自动化平台。 为什么不选择Java&#x…...

npm版本号标记

在 npm 中,版本号的标记遵循 语义化版本控制(Semantic Versioning, SemVer) 的规则,版本号通常由 主版本号(major)、次版本号(minor) 和 修订版本号(patch) 组成,格式为: <major>.<minor>.<patch>1. 版本号格式 主版本号(major):当你做了不兼…...

无人机雨季应急救灾技术详解

无人机在雨季应急救灾中发挥着至关重要的作用&#xff0c;其凭借机动灵活、反应迅速、高效安全等特点&#xff0c;为救灾工作提供了强有力的技术支撑。以下是对无人机雨季应急救灾技术的详细解析&#xff1a; 一、无人机在雨季应急救灾中的应用场景 1. 灾情侦查与监测 无人机…...

算法与数据结构(多数元素)

题目 思路 方法一&#xff1a;哈希表 因为要求出现次数最多的元素&#xff0c;所以我们可以使用哈希映射存储每个元素及其出现的次数。每次记录出现的次数若比最大次数大&#xff0c;则替换。 方法二&#xff1a;摩尔算法 摩尔的核心算法就是对抗&#xff0c;因为存在次数多…...