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

javaEE初阶 — CSS 常用的属性

news 2025/9/14 6:47:04

文章目录

CSS 常用的属性
- 1 字体属性
- - 1.1 设置字体家族 font-family
  - 1.2 设置字体大小 font-size
  - 1.3 设置字体粗细 font-weight
  - 1.4 文字倾斜 font-style
- 2 文本属性
- - 2.1 文本颜色
  - 2.2 文本对齐
  - 2.3 文本装饰
  - 2.4 文本缩进
  - 2.5 行高
- 3 背景属性
- - 3.1 背景颜色
  - 3.2 背景图片
  - 3.3 背景位置
  - 3.4 背景尺寸
- 4 圆角矩形
- - 4.1 基本用法
  - 4.2 圆形的生成
  - 4.3 圆角矩形的生成

CSS 常用的属性

1 字体属性

1.1 设置字体家族 font-family

font-family 表示的是当前使用哪种字体来显示，比如，微软雅黑、宋体、黑体、华文行楷。

这个属性指定的字体必须要求是系统已经安装了的，如果系统没有则不能正确显示。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 30px;font-family: '微软雅黑';}.two {font-size: 30px;font-family: '宋体';}.three {font-size: 30px;font-family: '黑体';}.four {font-size: 30px;font-family: '华文行楷';}</style></head>
<body><div class="one">这是一个div</div><div class="two">这是一个div</div><div class="three">这是一个div</div><div class="four">这是一个div</div>
</body>
</html>

可以看到这四个 div 有着明显的区别。

1.2 设置字体大小 font-size

浏览器的每个文字，可以视为一个 “方框”。
如果是英文阿拉伯数字，方框则会比较窄，如果是中文，则一般就是一个正方形。
设置 font-size:20px 文字框的=高度就是 20px。

设置字体大小上述已经演示过了，这里将不再演示。

1.3 设置字体粗细 font-weight

实际设置的时候，有两种典型的设置风格：

1.使用单词
2.使用数字

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 30px;font-family: '微软雅黑';font-weight: normal;}.two {font-size: 30px;font-family: '宋体';font-weight: normal;}.three {font-size: 30px;font-family: '黑体';font-weight: bolder;}.four {font-size: 30px;font-family: '华文行楷';font-weight: bolder;}</style></head>
<body><div class="one">这是一个div</div><div class="two">这是一个div</div><div class="three">这是一个div</div><div class="four">这是一个div</div>
</body>
</html>

也可以直接设置数字大小来变化字体的粗细，数值越大字体越粗，这个数字的大小是 1~1000。

<style>.one {font-size: 30px;font-family: '微软雅黑';font-weight: 100;}.two {font-size: 30px;font-family: '宋体';font-weight: 100;}.three {font-size: 30px;font-family: '黑体';font-weight: 700;}.four {font-size: 30px;font-family: '华文行楷';font-weight: 700;}
</style>

可以明显的看到随着数字的增大，字体的粗细逐渐变大。

此时就可以把一个 div 设置成和 h1 类似了，也可以把 h1 设置成 div 类似的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 18px;font-family: '微软雅黑';font-weight: 100;}</style></head>
<body><h1 class="one">这是一个标题</h1>
</body>
</html>

将一个标题的字体给变小变细，然后就类似于一个 div 了。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 40px;font-family: '微软雅黑';font-weight: 700;}</style></head>
<body><!-- <h1 class="one">这是一个标题</h1> --><div class="one">这是一个div</div>
</body>
</html>

可以看到将一个 div 的字体变大变粗后就类似以一个 h1 标题了。

1.4 文字倾斜 font-style

使用 i、em 标签也可以让字体倾斜，但是实际上使用更多的是 CSS 里的 font-style。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.two {font-size: 40px;font-family: '宋体';font-weight: 100;font-style: italic;}</style></head>
<body><div class="two">这是一个div</div>
</body>
</html>

italic 就是设置倾斜字体样式。

如果想要取消倾斜，设置为 normal 即可。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.two {font-size: 40px;font-family: '宋体';font-weight: 100;font-style: normal;}</style></head>
<body><div class="two">这是一个div</div>
</body>
</html>

2 文本属性

2.1 文本颜色

计算机表示颜色一种典型的方式就是 RGB 的方式，
R表示的就是 red，G 表示的就是 green，B表示的就是 blue。

在前端中，给 RGB 各分配一个字节，每个字节的范围都是 0 ~ 255/00 ~ FF（计算机里的典型表示）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.five {color: rgb(255, 0, 0);}</style></head>
<body><div class="five">这是一个div</div>
</body>
</html>

第一个逗号前面的 255 表示的就是红色拉满，第二个逗号前面表示绿色为 0，最后一个 0 表示蓝色为 0。
所以总体的一个颜色就是非常红的一个颜色。

color: rgb(255, 0, 0);

下面的就是一个绿色拉满，其余为 0 的颜色。

 color: rgb(0, 255, 0);

下面的则是一个蓝色拉满，其余为 0 的颜色。

   color: rgb(0, 0, 255);

通过括号里的三个分量不同的比例的搭配，就可以调出不同的颜色。

此处的颜色设置也可以使用 十六进制。

  .five {color: #ff0000;}

ff 表示 255，也就是红色拉满，中间两个 00 表示绿色为 0，最后两个 00 表示蓝色为 0。

如果每个分量的两个十六进制数字都相同，那么就可以把 6 位十六进制缩写成 3 为十六进制。

比如上述的 #ff0000 就可以缩写成 #f00，如果是 #ff0010 则就不可以缩写。
这里面必须要求每个分量的两个十六进制数字都相同。

颜色也可以使用单词来表示，比如 red、green、blue、orange、black、white。

2.2 文本对齐

文本对齐 是使用 text-align 属性来设置的，这个属性决定对齐是靠左、靠右还是居中对齐。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.six {text-align: center;font-size: 50px;}</style></head>
<body><div class="six">这是一个div</div>
</body>
</html>

上述代码中的 center 决定的是居中对齐。

如果想要靠左或者靠右边对齐，就把这个属性改为 left 或者 right 即可。

2.3 文本装饰

文本装饰 使用的是 text-decoration 来实现的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.six {color: rgb(10, 255, 10);text-align: left;font-size: 30px;text-decoration: underline;}.seven {color: rgb(100, 25, 210);text-align: left;font-size: 30px;text-decoration: overline;}.eight {color: rgb(180, 0, 200);text-align: left;font-size: 30px;text-decoration: line-through;}</style></head>
<body><div class="six">这是一个div</div><div class="seven">这是一个div</div><div class="eight">这是一个div</div> 
</body>
</html>

none 可以将上述的下划线、上划线、删除线全部取消掉。

<style>.delete {color: rgb(255, 0, 0);text-align: left;font-size: 30px;text-decoration: none;}
</style></head>
<body><div class="six delete">这是一个div</div><div class="seven delete">这是一个div</div><div class="eight delete">这是一个div</div>
</body>
</html>

可以看到确实取消掉了。

2.4 文本缩进

文本缩进 指的是每个段落首行缩进两个文字，使用的是 text-indent。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.retract {text-indent: 2em;}.one {color: green;font-size: 40px;font-family: '微软雅黑';font-weight: 700;}</style></head>
<body><div class="one retract">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

文本缩进的值可以是负数。（往左缩进）

<style>.retract {text-indent: -2em;}
</style>

可以看到文字已经缩到左边了，但是此时超出了页面。

em 是一个相对的量，是以文字尺寸为基础来进行设置的。

假设文字大小是 40 px，1em 就是 40px，2em 就是 80px。

2.5 行高

行高 = 文字高度 + 行间距

图中的绿色线为顶线，紫色的线为底线，蓝色的线为中线，橙色的线为基线。

从第一条顶线到第二条顶线就是一个行高的高度，或者是第一条底线到第二条底线，
再或者是第一条中线到第二条中线，第一条基线到第二条基线。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {color: green;font-size: 40px;font-family: '微软雅黑';font-weight: 700;line-height: 100px;}</style></head>
<body><div class="one">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

3 背景属性

3.1 背景颜色

背景颜色使用 background-color 来设置。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {color: white;font-size: 20px;font-family: '微软雅黑';font-weight: 700;line-height: 40px;background-color: rgb(0, 200, 0);}</style></head>
<body><div class="one">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

可以看到此处的背景已有了改变。

3.2 背景图片

背景图片是使用 background-image: url(图片路劲) 来实现的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.image {background-image: url(image/xiaojiejie.jpg);line-height: 500px;}</style></head>
<body><div class="image">这是一个div</div>
</body>
</html>

当前引入图片之后默认的情况图片是平铺的。

如果不想要平铺则可以使用 background-repeat: no-repeat; 设置。

可以看到此时就不是平铺的了。

禁止平铺之后图片就会出现在页面的左上角，

3.3 背景位置

如果要让图片居中，使用 background-position: center center; 即可。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.image {background-image: url(image/xiaojiejie.jpg);height: 500px;background-repeat: no-repeat;background-position: center center;}</style></head>
<body><div class="image">这是一个div</div>
</body>
</html>

可以看到此时图片就居中了。

也可以通过设置 坐标系 的方式来实现图片位置的设置。

background-position: 10px 50px;

在这里插入图片描述

这里的坐标系与我们通常所说的坐标系是不一样的。
在计算机中的坐标系是左手系，而通常所说的是右手系。

3.4 背景尺寸

可以使用 background-size 来设置背景图片的位置。

 background-size: 300px 400px;

如下图就是将图片设置成宽度为 300 像素，高度为 400 像素。

contain 会使图片尽可能的扩大，但是不会超过这个元素的范围。

background-size: contain;

cover 会使图片尽可能的伸展，会一直伸展到极致。

 background-size: cover;

4 圆角矩形

通过 border-radius 使边框带圆角效果。

4.1 基本用法

先设置一个宽和高，然后再设置背景色为橘色。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>div {width: 200px;height: 100px;background-color: orange;}</style></head>
<body><div>这是一个div</div>
</body>
</html>

然后将它设置为字体白色。

 color: rgb(255, 255, 255);

接下来是将文字居中放置。

 text-align: center;line-height: 100px;

最后就是将这个矩形变为圆角矩形。

   border-radius: 10px;

4.2 圆形的生成

让 border-radius 的值为正方形宽度的一半即可。

    <style>div {width: 200px;height: 200px;background-color: orange;color: rgb(255, 255, 255);text-align: center;line-height: 100px; /* 50% 表示这是宽度的一半 */border-radius: 50%; }</style>

4.3 圆角矩形的生成

让 border-radius 的值为矩形高度的一半即可。

    <style>div {width: 200px; /* 宽度 */height: 100px; /* 高度 */background-color: orange;color: rgb(255, 255, 255);text-align: center;line-height: 100px; border-radius: 50px; }</style>

javaEE初阶 — CSS 常用的属性

文章目录CSS 常用的属性1 字体属性1.1 设置字体家族 font-family1.2 设置字体大小 font-size1.3 设置字体粗细 font-weight1.4 文字倾斜 font-style2 文本属性2.1 文本颜色2.2 文本对齐2.3 文本装饰2.4 文本缩进2.5 行高3 背景属性3.1 背景颜色3.2 背景图片3.3 背景位置3.4 背景…...

编程日记 2023/3/13 22:29:12

【面试题】如何取消 script 标签发出的请求

大厂面试题分享面试题库前后端面试题库 （面试必备） 推荐：★★★★★地址：前端面试题库问题之前在业务上有这样一个场景，通过 script 标签动态引入了一个外部资源，具体方式是这样的const script document.…...

编程日记 2023/3/13 22:24:10

蓝桥杯嵌入式（G4系列）：RTC时钟

前言： 关于RTC时钟的HAL库配置我也是第一次，之前都是用库函数的写法，这里写下这篇博客来记录一下自己的学习过程。 STM32Cubemx配置： 首先点击左侧的Timers的RTC，勾选以下选项进入时钟树配置进入时间设置&#xff0…...

编程日记 2023/3/13 22:19:07

Linux——进程间通信1

目录进程间通信目的进程间通信标准管道匿名管道管道实现进程间通信管道的特点进程池 ProcessPool.cc Task.hpp 习题进程间通信目的数据传输：一个进程需要将它的数据发送给另一个进程资源共享：多个进程之间共享同样的资源。通知事件…...

编程日记 2023/3/13 22:14:05

循环语句——“Python”

各位CSDN的uu们你们好呀，今天小雅兰的内容是Python中的循环语句呀，分为while循环和for循环，下面，让我们进入循环语句的世界吧循环语句 while循环 for循环 continue和break 循环语句小结人生重开模拟器设置初始属性设置性别…...

编程日记 2023/3/13 22:09:02

Python synonyms查找中文任意词汇的同义词近义词

Python synonyms查找中文任意词汇的同义词近义词作者：虚坏叔叔博客：https://xuhss.com 早餐店不会开到晚上，想吃的人早就来了！😄 一、安装对于非专业的开发人员来说可以简单的使用Python一行代码来找到同义词。这…...

编程日记 2023/3/13 22:04:00

三分钟了解http和https

对应测试人员都会听过http请求和响应.在这里给大家介绍http相关的知识一.http和https基本概念 HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本…...

编程日记 2023/3/13 21:58:57

docker应用：搭建私有云盘

简介：NextCloud是一个开源的云存储解决方案，可以在自己的服务器上搭建个人云存储系统。它提供了与市面上主流云存储服务（如Dropbox、Google Drive）相似的功能，包括文件存储、共享、同步、协作等。NextCloud的主要优势在…...

编程日记 2023/3/13 21:53:55

【C++进阶】面向对象

程序编写程序是为了让计算机解决现实生活中的实际问题。pascal之父、结构化程序设计先驱Niklaus Wirth提出程序算法数据结构。程序是完成一定功能的一些列有序指令的集合。指令操作码指令。将指令按一定的顺序进行整合，就形成了程序。机器语言与汇编语言…...

编程日记 2023/3/13 21:48:51

从ChatGPT与New Bing看程序员为什么要学习算法？

文章目录为什么要学习数据结构和算法？ChatGPT与NEW Bing 的回答想要通关大厂面试，就不能让数据结构和算法拖了后腿业务开发工程师，你真的愿意做一辈子CRUD boy吗？对编程还有追求？不想被行业淘汰？那就不要只…...

编程日记 2023/3/13 21:43:49

SpringBoot-实用开发篇

SpringBoot开发实用篇开发实用篇中因为牵扯到SpringBoot整合各种各样的技术，所以在整合每一个技术之前，都会做一个快速的普及，这样的话内容整个开发实用篇所包含的内容就会比较多。在学习的时候，如果对某一个技术不是很清楚&#…...

编程日记 2023/3/13 21:38:45

Python进阶-----高阶函数-＞filter() 函数

目录前言： filter() 函数介绍 filter() 函数使用示例 1.与循环对比 2.与lambda函数综合使用 3.使用None过滤False 4.过滤字典相关数据前言： 家人们，当你们获取了一个序列的时候，想要把一些内容去掉，保留一部分…...

编程日记 2023/3/13 21:33:42

C/C++面试可能会问三：指针和数组一样吗？

答案：不一样。哪里不同？ 数组名：数组名的值是一个指针常量，也就是数组第一个元素的地址。它的类型取决于数组元素的类型：如果他们是int类型，那么数组名的类型就是“指向int的常量指针”；如果…...

编程日记 2023/3/13 21:28:40

数字经济新生态，中小企业如何发展营销数字化

五年弹指一挥间，中国数字经济正从尝试探索迈向快速发展，这一趋势，从今年两会的国务院机构改革、总理政府工作报告、部长通道答疑解惑、科技领域大佬提案中都能看出来。在政府工作报告中，我们可以看到数字经济在不断壮大&#xff…...

编程日记 2023/3/13 21:23:36

【网络】https协议

🥁作者： 华丞臧. 📕专栏：【网络】各位读者老爷如果觉得博主写的不错，请诸位多多支持(点赞收藏关注)。如果有错误的地方，欢迎在评论区指出。推荐一款刷题网站 👉 LeetCode刷题网站文章…...

编程日记 2023/3/13 21:18:32

【11】SCI易中期刊推荐——计算机方向（中科院4区）

🚀🚀🚀NEW！！！SCI易中期刊推荐栏目来啦 ~ 📚🍀 SCI即《科学引文索引》（Science Citation Index, SCI），是1961年由美国科学信息研究所（Institute for Scientific Information, ISI）创办的文献检索工具，创始人是美国著名情报专家尤金加菲尔德（Eugene Garfield…...

编程日记 2023/3/13 21:13:29

STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2）

STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2） 目录STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2）前言1 环境搭建2 功能描述3 程序编写3.1 BootLoader部分3.2 APP的制作4 修改工程中的内存配置4.1 Bootloader…...

编程日记 2023/4/21 18:02:41

【Spring6】| Bean的生命周期（重要）

目录一：Bean的生命周期 1. 什么是Bean的生命周期 2. Bean的生命周期之5步 3. Bean生命周期之7步 4. Bean生命周期之10步 5. Bean的scop（作用域）不同，管理方式不同 6. 自己new的对象如何让Spring管理一：Bean的…...

编程日记 2023/3/13 21:03:23

【C#】单据打印方案（定义打印模板、条形码、二维码、图片、标签）

系列文章 C#项目–业务单据号生成器（定义规则、自动编号、流水号） 本文链接：https://blog.csdn.net/youcheng_ge/article/details/129129787 C#项目–开始日期结束日期范围计算（上周、本周、明年、前年等） 本文链接&…...

编程日记 2023/3/13 20:58:21

前后端身份验证

1、web 开发模式【】基于服务端渲染的传统 Web 开发模式【】基于前后端分离的新型 Web 开发模式：依赖于 Ajax 技术的广泛应用。后端只负责提供 API 接口，前端使用 Ajax 调用接口的开发模式 2、身份认证【】服务端渲染推荐使用 Session 认证机制【】…...

编程日记 2023/3/13 20:53:17

工业安全零事故的智能守护者：一体化AI智能安防平台

前言： 通过AI视觉技术，为船厂提供全面的安全监控解决方案，涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面，能够实现对应负责人反馈机制，并最终实现数据的统计报表。提升船厂…...

编程新知 2025/9/9 10:12:05

Java如何权衡是使用无序的数组还是有序的数组

在 Java 中，选择有序数组还是无序数组取决于具体场景的性能需求与操作特点。以下是关键权衡因素及决策指南： ⚖️ 核心权衡维度维度有序数组无序数组查询性能二分查找 O(log n) ✅线性扫描 O(n) ❌插入/删除需移位维护顺序 O(n) ❌直接操作尾部 O(1) ✅内存开销与无序数组相…...

编程新知 2025/8/3 11:17:37

UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）

UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中，UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化&#xf…...

编程新知 2025/8/26 22:00:33

【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分

一、项目背景回顾前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。本弹重点聚焦于服务端的模块划分与架构设计，提升代码结构的可维护性与扩展性。二、服务端模块设计目标高内聚低耦合：各模块职责清晰，便于独立开发…...

编程新知 2025/9/13 8:23:57

Redis数据倾斜问题解决

Redis 数据倾斜问题解析与解决方案什么是 Redis 数据倾斜 Redis 数据倾斜指的是在 Redis 集群中，部分节点存储的数据量或访问量远高于其他节点，导致这些节点负载过高，影响整体性能。数据倾斜的主要表现部分节点内存使用率远高于其他节…...

编程新知 2025/9/12 23:21:57

学习STC51单片机32（芯片为STC89C52RCRC）OLED显示屏2

每日一言今天的每一份坚持，都是在为未来积攒底气。案例：OLED显示一个A 这边观察到一个点，怎么雪花了就是都是乱七八糟的占满了屏幕。。解释 ： 如果代码里信号切换太快（比如 SDA 刚变，SCL 立刻变&#…...

编程新知 2025/9/7 8:51:23

【VLNs篇】07：NavRL—在动态环境中学习安全飞行

项目内容论文标题NavRL: 在动态环境中学习安全飞行 (NavRL: Learning Safe Flight in Dynamic Environments)核心问题解决无人机在包含静态和动态障碍物的复杂环境中进行安全、高效自主导航的挑战，克服传统方法和现有强化学习方法的局限性。核心算法基于近端策略优化…...

编程新知 2025/9/3 20:41:41

从面试角度回答Android中ContentProvider启动原理

Android中ContentProvider原理的面试角度解析，分为已启动和未启动两种场景： 一、ContentProvider已启动的情况 1. 核心流程触发条件：当其他组件（如Activity、Service）通过ContentR…...

编程新知 2025/8/7 4:06:32

通过MicroSip配置自己的freeswitch服务器进行调试记录

之前用docker安装的freeswitch的，启动是正常的， 但用下面的Microsip连接不上主要原因有可能一下几个 1、通过下面命令可以看 [rootlocalhost default]# docker exec -it freeswitch fs_cli -x "sofia status profile internal"Name …...

编程新知 2025/9/9 10:08:16

嵌入式学习之系统编程(九)OSI模型、TCP/IP模型、UDP协议网络相关编程（6.3）

目录一、网络编程--OSI模型二、网络编程--TCP/IP模型三、网络接口四、UDP网络相关编程及主要函数编辑编辑 UDP的特征 socke函数 bind函数 recvfrom函数（接收函数） sendto函数（发送函数） 五、网络编程之 UDP 用…...

编程新知 2025/9/7 8:47:18