网页制作11-html,css,javascript初认识のCCS样式列表（上）
Advantage.
- 更加精确的控制网页的内容、形式。
- 样式更加丰富。
- 定义样式灵活。
一、css的基本语法
Css的语法结构由三部分组成：
1、选择符 Selector：
指这种样式编码所要针对的对象，可以是一个xhtml标签，例如body hl；也可以是定义了特定id或class的标签，例如#lay选择符表示选择<div id=lay>,即一个被指定了类为id的对象.浏览器将对css选择服务进行严格的解析,每一组样式均会被浏览器应用到对应的对象上
选择符{ 样式属性:取值;样式属性:取值；样式属性：取值；……}
2、样式属性 Property ：
是css样式控制的核心，对于每一个xhtml中的标签， Css都提供了丰富的样式属性，例如颜色大小定位浮动方式等。
3、值 Value ：
是属性的值，一种是范围值，另一种是数值。
二、添加css的方式
1、链接外部样式表
<link rel="stylesheet" type="text/css" href="文件地址"
2、内部样式表:<style> </style>
<style type="text/css">
<body{
margin-right: 0px;
margin-right: 0;
margin-top: 0;
bottom: 0;
}
.style1{
color: aqua;
font-size: 14px;
}
</style>
3、导入外部样式表
导入外部样式，表示在内部样式表的<style>中导入一个外部样式表。导入时用@import。导入外部样式表的输入方式更有优势，实质上它是相当于存在于内部样式表中。
<style type="text/css">
@import slstyle.css
</style>
4、内嵌样式
- 内嵌样式是混合在html标记里使用的。可以很简单的对某个元素单独定义样式，
- 它主要是在body那实现。直接在标记里添加参数，
- 而style参数的内容就是css的属性和值。
- 在style参数后面的引号里的内容，相当于在样式表大括号里的内容。
<table style="color: red;margin-left: 22px"></table>
（这种方法比较简单，无法发挥样式表的优势，因此不推荐使用。）
三、字体属性
1、语法表：
| 字体属性 | CSS语法 | HTML语法 | 说明 |
| 字体 | Font -family | font face | 设置字体,如果该属性定义了多种字体浏览器会由前向后选择，如果不支持字体一，则采用字体二，以此类推 |
| 字号 | Font- size | font size | 用来设置字体大小,分为相对字体尺寸和绝对字体尺寸 |
| 字体风格 | Font- style | <em> | 用来设置斜体,三种取值为normal、oblique、italic |
| 加粗字体 | Font -weight | <b> | 用来设置粗细： Normal /bold,/ bolder/ Lighter/ Number |
| 小写字母转大写 | Font- variant | / | normal 和inherit表示不变,small-caps将小写转为大写而且字体比较小 |
| 字体复合属性 | font | / | 复合属性可以取值字体族科，字体大小，字体风格，加粗字体等，各值之间用空格相连。 /* 有着严格的顺序 font：font-style font-weight font-size/line-height font-family: */(改变顺序无效） |
2、示例效果：
3、示例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">.h{font-family:'幼圆';font-size: Small;font-style: normal;}.h1{font-family:'幼圆';font-size: Medium;font-style:oblique;font-variant:inherit;}.h2{font-family:'幼圆';font-size: Large ;font-style:italic;font-variant: small-caps;}.h3{font-family:'幼圆A';font-size: larger ;font-weight: normal;font-variant:normal;}.h4{font-family:'幼圆';font-size: 15px ;font-weight: bold;}.h5{font-family:'幼圆';font-size: smaller ;font-weight:bolder;}.h6{font-family:'幼圆';font-size: x-SMALL ;font-weight:lighter;}.h7{font-family:'幼圆';font-size: xx-small;font-weight:200;}.h8{font-family:'幼圆';font-size:x-large;font-weight:400;}.h9{font-family:'幼圆';font-size:xx-large;font-weight:600;}.h10{font: italic 700 25px "隶书";}</style><body><h1 align="center">《忆江南》</h1><p align="center"><em>白居易</em></p>
<span class="h"> 江南好， Small/</span>
<span class="h1"> 风景旧曾谙。 Medium/</span>
<span class="h2"> 日出江花红胜火,Large/</span>
<p class="h3"> 春来江水绿如蓝。larger/</p>
<p class="h4"> 能不忆江南？15/</p>
<p class="h5"> 江南忆，smaller/</p>
<p class="h6">最忆是杭州。XS/</p>
<p class="h7"> 山寺月中寻桂子，XXS/</p>
<p class="h8"> 郡亭枕上看潮头。XL /</p>
<p class="h9">何日更重游！XXL/</p>
<p class="h10">后面省略/</p></body>
</html>
四、颜色和背景属性
1、语法表
| 序号 | 四、颜色和背景属性 | Grammer lebel | Description |
| 1 | 颜色属性 | Color | 颜色值是一个关键字或一个16进制的rgb值，16进制通过表达0~255的数值最多设置1,677万种颜色 |
| 2 | 背景颜色 | Background -color | 文字背景颜色 |
| 3 | 背景图像 | Background- image | 文字背景图案 |
| 4 | 背景重复 | Background -Repeat | 设置图像是否平铺，repeat-x水平方向平铺，repeat-y垂直方向平铺 |
| 5 | 背景附件 | Background -attachment | 可以设置背景图像是随对象滚动还是固定不动 |
| 6 | 背景位置 | Background -position | 用于设置背景图像的位置，这个属性只能应用于会计元素和替换元素，替换元素包括img,input,textarea,select,object |
| 7 | 背景复合属性 | Background | background :{ background-color background-image background-repeat background-attachment background-position;} |
2、 示例效果
3、示例代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">.h{font-family:'幼圆';font-size: Small;font-style: normal;color:#FF0004;background-color: #ff99ff;}.h1{font-family:'幼圆';font-size: Medium;font-style:oblique;font-variant:inherit;background-image: url("金色.png")}.h2{font-family:'幼圆';font-size: Large ;font-style:italic;font-variant: small-caps;}.h3{font-family:'幼圆A';font-size: larger ;font-weight: normal;font-variant:normal;}.h4{font-family:'幼圆';font-size: 15px ;font-weight: bold;}.h5{font-family:'幼圆';font-size: smaller ;font-weight:bolder;}.h6{font-family:'幼圆';font-size: x-SMALL ;font-weight:lighter;}.h7{font-family:'幼圆';font-size: xx-small;font-weight:200;}.h8{font-family:'幼圆';font-size:x-large;font-weight:400;}.h9{font-family:'幼圆';font-size:xx-large;font-weight:600;}.h10{font: italic 700 25px "隶书";}.h11{ background-image:url("比卡丘.jpg");background-repeat: repeat-x;background-attachment:scroll;background-position: top center;}.h12{ background-image:url("CAT.JPG");background-attachment:fixed;}.h13{background: yellow url("金色.png") no-repeat scroll left top;}</style><body class="h11"><h1 align="center">《忆江南》</h1><p align="center"><em>白居易</em></p>
<span class="h"> 江南好， Small/</span>
<span class="h1"> 风景旧曾谙。 Medium/</span>
<span class="h2"> 日出江花红胜火,Large/</span>
<p class="h3"> 春来江水绿如蓝。larger/</p>
<p class="h4"> 能不忆江南？15/</p>
<div class="h13"><p class="h5"> 江南忆，smaller/</p><p class="h6">最忆是杭州。XS/</p><p class="h7"> 山寺月中寻桂子，XXS/</p><p class="h8"> 郡亭枕上看潮头。XL /</p><p class="h9">何日更重游！XXL/</p></div>
<p class="h10">后面省略/</p>
<p class="h12">
Refuse to be unhappy, be cheerful instead.
拒绝心情不快，时刻神采飞扬。<br>Refuse to let your troubles multiply, just take them one by one. 别让问题堆积如山，一个一个着手解决。<br>Organize your time, keep your life simple and exactly the way you want it. 做时间的主人，以自己喜欢的方式简单地生活。<br>Refuse to complain about things, learn to improve your surroundings and create your world the way you believe it should be. 不要抱怨，学习如何改善环境，创造你的理想世界。<br>Refuse to dwell on the mistakes or disappointments that are sometimes a part of life, instead learn how you can make things better. 不要沉湎于错误和失望中难以自拔，有时它们是生活不可或缺的组成部分，学会从中吸取教训，下次做得更好。<br>Be optimistic. 保持乐观。<br>Be energetic and positive about the things you do, and always hope for the best. 保持旺盛精力和积极心态，追求完美<br>Believe in yourself at all times and in all aspects of your life. 相信自己，时时刻刻，事事处处。<br>Before you know it, those wonderful dreams you have believed in all your life will come true, and your life will be the happy and successful life that it was meant to be. 等你明白这一切，生命中的美好愿望都将实现。生活将如你所愿，快乐幸福并且成功。<br>（from 可可英语，美丽英文诵读第18期:Motto for a Positive Outlook(积极人生座右铭)</p></body>
</html>
五、段落属性
1、语法表
| 五、段落属性 | |||
| 1 | 单词间隔 | Word spacing | 使用单词间隔可以控制单词之间的间隔距离 |
| 2 | 字符间隔 | Letter spacing | 使用字符间隔可以控制字符之间的间隔距离 |
| 3 | 文字修饰 | Text decoration | underline下划线, Over line上划线, Line- through 对文字添加删除线, Blink文字闪烁效果 |
| 4 | 垂直对齐方式 | Vertical align | BASELINE:浏览器默认的垂直对齐方式; Sub:文字的下标 Super:文字的上标 Top:垂直靠上对齐 Test Top:使元素和上级元素的字体向上对齐; Middle:垂直居中对齐; text-bottom:使元素和上级元素的字体向下对齐 |
| 5 | 文本转换 | Text transform | 文本转换属性用来转换英文字母的大小写: none:表示用原始值 Capitalize:表示使每个单词的第1个字母大写 Upper case:表示使每个单词的所有字母大写 Lower case:表示使每个单词的所有字母消息 |
| 6 | 水平对齐方式 | Text align | 设置文本的水平对齐方式: Left:左对齐 Right:又对齐 center:居中对齐 Justify:两端对齐 |
| 7 | 文本缩进 | Test indent | 文本缩进值必须是一个长度值或一个百分比 |
| 8 | 文本行高 | line- height | 控制段落中行与行之间的距离 |
| 9 | 处理空白 | White space | white space有三个值： normal:默认； pre:会导致源代码中的空格和换行符被保留 nowrap强制在同一行内显示所有文本直到文本结束或者遇到<br> |
| 10 | 文本反排 | unicode-bidi, Direction | 这两个属性经常一起使用,用来设置对象的阅读顺序 |
2、示例代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title><style type="text/css">.h12::before{position:absolute;content: "";inset:0;width: 100%;height: 100%;background-color: white;z-index: -1;opacity: 0.5;}.h12{position:relative;background-image: url("CAT.JPG");isolation: isolate;display: grid;}.h13{background: yellow url("金色.png") no-repeat scroll left top;}.T1{letter-spacing: 5px;font-family:'隶书'}.T2{text-decoration: underline overline line-through blink;}.T3{word-spacing:5px;font-family:'隶书'}.T4{vertical-align: super;font-size: smaller;}.zh{text-transform: none;}.zh1{text-transform:capitalize;}.zh2{text-transform:uppercase;}.zh3{text-transform:lowercase;}.a{font-family: "幼圆";font-size: 11pt;text-align:right;}.p1{text-indent: 25px;}.p2{line-height:40px; }.p3{width: 350px;line-height: 30px;border: 1px solid #444;padding: 10px;font-family: "幼圆";white-space: normal;}.p4{width: 350px;line-height: 30px;border: 1px solid #444;padding: 10px;font-family: "幼圆";white-space:pre;}.p5{width: 350px;line-height: 30px;border: 1px solid #444;padding: 10px;font-family: "幼圆";white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}.k{font-family: '(한)예서체';direction: rtl;unicode-bidi:bidi-override;}</style></head><body class="p1"><div class="h12"><span class="T1">Refuse to be unhappy, be cheerful instead.
拒绝心情不快，时刻神采飞扬。</span><br/>
<span class="T3"> Refuse to be unhappy, be cheerful instead. 拒绝心情不快，时刻神采飞扬。</span><br/><span class="T2">Refuse to let your troubles multiply, just take them one by one. 别让问题堆积如山，一个一个着手解决。<br/></span><p>Organize your time, keep your life simple and exactly the way you want it. 做时间的主人，以自己喜欢的方式简单地生活。</p>Refuse to complain about things, learn to improve your surroundings and create your world the way you believe it should be. 不要抱怨，学习如何改善环境，创造你的理想世界。<br/><span class="p2">Refuse to dwell on the mistakes or disappointments that are sometimes a part of life, instead learn how you can make things better.<br> 不要沉湎于错误和失望中难以自拔，有时它们是生活不可或缺的组成部分，学会从中吸取教训，下次做得更好。<br/></span><span class="p3">Be optimistic......( )......保持乐观。保持乐观。保持乐观。保持乐观。<br/></span>
<span class="p4">Be optimistic......( )......保持乐观。保持乐观。保持乐观。保持乐观。<br/></span>
<span class="p5">Be optimistic......( )......保持乐观。保持乐观。保持乐观。保持乐观。<br/></span>
Be energetic and positive about the things you do, and always hope for the best. 保持旺盛精力和积极心态，追求完美<span class="k">Be energetic and positive about the things you do, and always hope for the best. 保持旺盛精力和积极心态，追求完美<br/></span>Believe in yourself at all times and in all aspects of your life. 相信自己，时时刻刻，事事处处。<br/>Before you know it, those wonderful dreams you have believed in all your life will come true, and your life will be the happy and successful life that it was meant to be. 等你明白这一切，生命中的美好愿望都将实现。生活将如你所愿，快乐幸福并且成功。<br/><span class="a">（from 可可英语，美丽英文诵读第18期:Motto for a Positive Outlook(积极人生座右铭)</span></div>5<span class="T4">2</span>+2<span class="T4">2</span>=29<p class="zh">how are you</p><p class="zh1">how are you</p><p class="zh2">how are you</p><p class="zh3">how are you</p></body>
</html>
3、示例效果
相关文章：
网页制作11-html,css,javascript初认识のCCS样式列表（上）
Advantage. 更加精确的控制网页的内容、形式。样式更加丰富。定义样式灵活。 一、css的基本语法 Css的语法结构由三部分组成： 1、选择符 Selector： 指这种样式编码所要针对的对象，可以是一个xhtml标签，例如body hl；…...
VSCode 移除EmmyLua插件的红色波浪线提示
VSCode 中安装插件EmmyLua，然后打开lua文件的时候，如果lua代码引用了C#脚本的变量，经常出现 “undefined global variable: UnityEngineEmmyLua(undefined-global)” 的红色波浪线提示，这个提示看着比较烦人，我们可以通…...
【PHP】fastadmin框架后台开关的传值问题
文章目录 概要技术细节 概要 fastadmin的后台ui框架中，处理列表开关的场景比较多见，有时传值不是0和1，而是1和2，那么就需要调整js的代码了。 技术细节 处理开关字段的js代码： {field: is_sellOut,title: 销售中,yes…...
机器学习数学基础：37.统计学基础知识1
统计学基础概念入门教程 在统计学的世界里，概率和数据分布是基础且重要的概念，它们能帮助我们理解和分析各种数据现象。除此之外，点估计与区间估计也是在对总体参数进行推断时常用的方法。下面，就为统计学小白详细讲解这些关键的…...
HTB academy ---Active Directory Enumeration Attacks---An ACE in the Hole
ACL Enumeration 那么章节开始我们先枚举一下用户的GUID，也就是如图所示objectacetype这一块儿的内容，这一步的目的其实是观察我们已获得的用户对其他用户的权限，这个权限就是通过这个GUID得出来的（当然枚举的时间会比较长可能需…...
2025华为OD机试真题目录【E卷+A卷+B卷+C卷+D卷】持续收录中...
摘要 本专栏提供2025最新最全的华为OD机试真题库（EABCD卷），包括100分和200分题型。题目包含题目描述、输入描述、用例、备注和解题思路、多种语言解法（Java/JS/Py/C/C）。希望小伙伴们认真学习、顺利通过。 声明 本专…...
【Linux第一弹】Linux基础指令（上）
目录 1.ls指令 1.1 ls使用实例 2.pwd指令 3.cd指令 3.1 cd使用实例 4.touch指令 4.1touch使用实例 5.mkdir指令 5.1mkdir使用实例 6.rmdir指令和rm指令 6.1 rmdir指令使用实例->: 6.2 rm指令使用实例 7.man指令 8.cp指令 8.1 cp 使用实例 9.mv指令 9.1mv使用…...
)
linux下自旋锁(spin_lock)
文章目录 Linux自旋锁：单核与多核环境下的实现差异与核心原理 🖥️🔒一、自旋锁的核心特性 ⚙️🎯 适用场景： 二、单核环境下的自旋锁实现 🛑1. **实现原理** 🔄2. **关键代码解析** Ǵ…...
【华为OD机考】2024E+D卷真题【完全原创题解 详细考点分类 不断更新题目 六种主流语言Py+Java+Cpp+C+Js+Go】
可上 欧弟OJ系统 练习华子OD、大厂真题 绿色聊天软件戳 oj1441了解算法冲刺训练（备注【CSDN】否则不通过） 文章目录 相关推荐阅读模拟 数学排序字符串基础数组基础系统设计蒙特卡洛模拟其他 栈 常规栈单调栈 队列（题目极少，几乎不…...
VirtualBox虚拟机转VM虚拟机
前言：部分靶机只适用于VirtualBox，VM打不开VirtualBox的文件，所以需要进行转换 前置条件：本机已经下载VM和VirtualBox 第一步：文件转换 找到VirtualBox.exe所在位置，启动cmd窗口 文件转换的命令…...
UE5设置打开新窗口默认停靠在主窗口
打开引擎所在位置 找到路径 ...\UE_5.5\Engine\Config 找到 BaseEditorPerProjectUserSettings.ini 文件 打开后CtrlF搜索 [/Script/UnrealEd.EditorStyleSettings] 在末尾添加一行 AssetEditorOpenLocationMainWindow 保存即可,之后的项目都是默认主窗口打开...
vi常见操作命令
vi（Visual Editor）是Linux和Unix系统中广泛使用的文本编辑器，它以其高效、强大的功能深受程序员和系统管理员的喜爱。这个“常用vi命令集合.zip”压缩包包含了一份详细记录了vi编辑器常用命令的文档“常用vi命令集合.doc”。下面，…...
AIGC和搜索引擎的异同
AIGC（生成式人工智能）与搜索引擎的核心差异体现在信息处理方式和输出形态上，我们可以从以下维度对比： 一、工作原理的本质差异 信息检索机制 搜索引擎：基于关键词匹配（如"中暑怎么办"→返回相关…...
【ATXServer2】Android无法正确显示手机屏幕
文章目录 现象原因分析与解决排查手机内部minicap 解决minicap问题查看移动端Android SDK版本查看minicap支持版本单次方案多次方案 现象 原因分析与解决 由于atxserver2在与Android动终端的链接过程中使用了agent：atxserver2-android-provider，按照项目…...
fps项目总结：动画蓝图
文章目录 状态不同状态的并存性。 状态 不同状态的并存性。...
Trae：国内首款AI原生IDE，编程效率大提升
今年一月，在新闻上看到字节跳动面向海外市场推出了一款名为Trae的AI集成开发环境（IDE）。起初，我并未给予过多关注，因为市面上已有不少IDE集成了AI插件，功能也非常全面，而字节跳动自家的MarsCode…...
《深度学习进阶》第8集：多模态学习与跨领域融合**
第8集：多模态学习与跨领域融合 在深度学习的浪潮中，单模态模型（如仅处理图像或文本的模型）已经取得了令人瞩目的成就。然而，随着人工智能应用场景的复杂化和多样化，多模态学习逐渐成为研究和应用的热点。多…...
大模型在败血症预测及围手术期管理中的应用研究报告
目录 一、引言 1.1 研究背景与意义 1.2 研究目的与创新点 1.3 研究方法与数据来源 二、败血症概述 2.1 定义与流行病学 2.2 病因与发病机制 2.3 临床表现与诊断标准 2.4 并发症与危害 三、大模型技术原理及在医疗领域的应用 3.1 大模型技术概述 3.2 大模型在医疗领…...
Hadoop架构详解
Hadoop 是一个开源的分布式计算系统，用于存储和处理大规模数据集。Hadoop 主要由HDFS（Hadoop Distributed File System）、MapReduce、Yarn（Jobtracker，TaskTracker）三大核心组件组成。其中HDFS是分布式文件…...
【操作系统】文件
文件 一、文件的概念二、文件目录2.1 FCB2.2 目录结构2.2.1 单机目录2.2.2 两级目录2.2.3 树形目录结构2.2.4 无环图目录结构 三、文件的逻辑结构和物理结构3.1 文件的逻辑结构3.1.1 顺序文件3.1.2 索引文件3.1.3 索引顺序文件 3.2 文件的物理结构3.2.1 连续分配3.2.2 隐式链接…...
我的ChatGPT怎么登不上？
近期，不少用户反馈在使用ChatGPT时遇到登录困难、连接超时等问题。本文将从技术角度分析常见原因，并提供合规、安全的解决方案，同时结合开发者实际需求推荐实用工具，助您高效应对登录障碍。 ChatGPT登录失败的常见原因 网络环境限…...
实时金融信息搜索的新突破：基于大型语言模型的智能代理框架
“An Agent Framework for Real-Time Financial Information Searching with Large Language Models” 论文地址：https://arxiv.org/pdf/2502.15684 摘要 在金融决策过程中，需要处理海量的实时信息以及复杂的时序关系。然而，传统的搜索引擎在…...
Linux服务器Ubuntu系统环境中安装Jupyter Notebook并且配置内核以便在网页端调用
一、前提 在使用终端访问，并且个人目录下已创建环境。如果还不知道创建环境和安装包，请参考之前文章 机器学习模型算法代码需要在环境中安装的库和包 二、安装相关库Jupyter Notebook 使用pip 或 conda指令安装，确保服务器上安装了 Python …...
Magic 1-For-1: 在一分钟内生成一分钟视频片段（基于Python实现，视频生成模型）
一、前言 文章所有代码都使用Python实现，并且可以分享开源，文章末尾联系博主或者往期文章末尾联系，欢迎探讨学习分享专业领域前言研究和技术分享。 二、摘要 在本技术报告中，我们介绍了 Magic 1-For-1 （Magic141&#…...
基于RK3588的重症监护信息系统应用解决方案
重症监护信息系统是医院临床信息系统的重要组成部分，也是医院信息化建设的重要组成部分。通过集成化的电子病历、实时监测、决策支持等功能，提高重症患者的诊疗效率和质量。 图片来源于网络 重症监护信息系统主要由数据信息采集单元、信息处理单元、通信…...
二十三种设计模式
2 工厂方法模式 工厂模式（Factory Pattern）是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。 在工厂模式中，我们在创建对象时不会对客户端暴露创建逻辑，并且是通…...
网络安全六层模型
🍅 点击文末小卡片 ，免费获取网络安全全套资料，资料在手，涨薪更快 一、单选题（一） 1、在以下人为的恶意攻击行为中，属于主动攻击的是（ ）A A．数据篡改及破坏 B…...
BrainSCK：通过知识注入和再激活进行大脑结构和认知对齐以诊断脑部疾病
文章目录 BrainSCK: Brain Structure and Cognition Alignment via Knowledge Injection and Reactivation for Diagnosing Brain Disorders摘要方法实验结果 BrainSCK: Brain Structure and Cognition Alignment via Knowledge Injection and Reactivation for Diagnosing Bra…...
【在Spring Boot项目中接入Modbus协议】
【在Spring Boot项目中接入Modbus协议】 在Spring Boot项目中接入Modbus协议，可以通过使用第三方库（如jamod或modbus4j）来实现。以下是一个基本的步骤指南，帮助你在Spring Boot项目中集成Modbus。 1. 添加依赖 首先，…...
CSS_复合选择器
目录 7. 复合选择器 7.1 交集选择器 7.2 并集选择器 7.3 后代选择器 7.4 子代选择器 7.5 兄弟选择器 7.6 属性选择器 7.7 伪类选择器 7.7.1动态伪类 7.7.2结构伪类 7.7.3否定伪类 7.7.4 UI伪类 7.7.5 目标选择器 7. 复合选择器 7.1 交集选择器 作用：…...
QT-信号与槽
1.在注册登录的练习里面，追加一个QListWidget项目列表 要求:点击注册之后，将账号显示到列表窗口小部件上面去 以及，在列表窗口小部件中双击某个账号的时候，将该账号删除 头文件 #ifndef WIDGET_H #define WIDGET_H #include <…...
在python语言中，请详细介绍一下比较运算符中等于符号（＝＝）的情况？
李升伟 整理 一、有关思考 嗯，我现在要详细了解一下Python中的等于运算符（）。首先，我得回忆一下自己之前学过的知识，可能有些地方不太确定，需要仔细思考或者查阅资料。 首先，等于运算符&#…...
halcon学习笔记1
环境的搭建就不说了，主要是作者在入职后的实际学习与实践。 打开应用程序 这里作者的个人理解是1号区域主要是可以观察到读取的图像以及后续对图像进行何种操作，2的算子类似于Opencv中的API，可以在上面进行参数的调整，例如read_I…...
解决寻找两个正序数组中位数问题：C语言实现与解析
在算法学习和实际编程应用中，处理数组相关的问题是很常见的。其中，寻找两个正序数组的中位数就是一个经典的题目，不仅考验对数组操作的熟悉程度，还涉及到对算法效率的考量。今天，我们就来深入探讨如何使用C语言解决这一…...
在 ArcGIS Pro 中描绘和绘制流域
查找数字高程模型 (DEM) 对于 DEM，我使用了USGS Lidar Explorer 地图。该地区有 10m 分辨率的 DEM。 设置坐标系 将坐标系设置为 UTM，以尽量减少失真，并使工具在后续过程中进行更精确的计算。对于俄勒冈州，这是 UTM 区域 10。 …...
在华为统信UOS中安装Anaconda，并配置PyCharm
这里写目录标题 1. 下载Anaconda安装包2. 打开终端3. 安装Anaconda4.下载安装PyCharm 1. 下载Anaconda安装包 首先打开 Anaconda官网 : https://www.anaconda.com/products/distribution，接受或拒绝网站投喂的饼干 然后输入自己的邮箱后，进入下载页面…...
谈谈 HTTPS 的工作原理，SSL / TLS 握手流程是什么？
一、HTTPS 核心机制：非对称加密 对称加密 HTTPS HTTP over TLS/SSL，通过 混合加密体系 解决三大问题： 防窃听 - 对称加密传输内容（如 AES）防篡改 - 数字签名验证数据完整性防冒充 - 数字证书验证服…...
Linux虚拟机网络配置-桥接网络配置
简介 本文档旨在指导用户如何在虚拟环境中配置Linux系统的桥接网络，以实现虚拟机与物理主机以及外部网络的直接通信。桥接网络允许虚拟机如同一台独立的物理机一样直接连接到物理网络，从而可以被分配一个独立的IP地址，并能够与网络中的其他设…...
Transformer架构
核心原理 自注意力机制 通过计算输入序列中每个位置与其他位置的关联权重（Query-Key匹配），动态聚合全局信息，解决了传统RNN/CNN的长距离依赖问题。 实现公式：Attention(Q,K,V)softmax(QKTdk)VAttention(…...
Sat- nerf深度损失
首先损失函数定义在metrics.py,代码如下: class DepthLoss(torch.nn.Module):def __init__(self, lambda_ds1.0):super().__init__()# 初始化lambda_ds参数，用于调节深度损失的权重，并且将其缩小为原来的1/3self.lambda_ds lambda_ds / 3.# 初始化均方…...
c++的多态
1.多态的概念 多态，通俗来说，就是多种形态 多态分为编译时多态(静态多态)和运⾏时多 态(动态多态) 静态多态主要是函数重载和函数模板，它们传不同类型的参数就可以调⽤不同的函数，通过参数不同达到多种形态，之所以叫…...
基于 Rust 与 GBT32960 规范构建高并发、高可用、高扩展服务端程序
一、需求背景 如今，数字化发展特别快，各种设备和系统之间要频繁地交换数据，而且这个过程变得越来越复杂。很多行业都有难题，既要处理大量的数据，又得快速响应各种命令。比如说在智能交通这一块，路上跑的车…...
《宝塔 Nginx SSL 端口管理实战指南：域名解析、端口冲突与后端代理解析》
📢 Nginx & SSL 端口管理分析 1️⃣ 域名解析与 SSL 申请失败分析 在使用宝塔申请 www.mywebsite.test 的 SSL 证书时，遇到了解析失败的问题。最初，我认为 www 只是一个附加的前缀，不属于域名的关键部分，因此只为…...
iOS 实现UIButton自动化点击埋点
思路：我们HOOK UIControl的 addtarget:action:forControlEvents方法，交换UIControl的 addtarget:action:forControlEvents 方法的实现， 在交换的方法中添加原来响应的同时，再添加一个埋点响应，该响应方法实现了点击埋点…...
Java 并行流（Parallel Stream）详解
并行流是Java 8引入的高效处理集合数据的工具，通过多线程加速计算。以下是其核心概念、使用方法及注意事项的详细指南： 1. 核心概念与原理 并行处理机制：将数据分割为多个块，利用Fork/Join框架在多个线程上并行处理，…...
开源软件的版权保护措施
开源软件的版权保护措施主要有以下几方面： 著作权保护 明确版权归属与许可使用：开源软件的源代码是著作权法保护的对象，作者享有复制权、发行权、改编权等专有权益。通过开源协议，作者明确授权用户使用、复制和修改软件…...
11.24 SpringMVC（1）@RequestMapping、@RestController、@RequestParam
一.RequestMapping("/user")//HTTP 请求方法既支持get也支持post，可表示为类路径与方法路径 二.RequestMapping(value "/m7", method {RequestMethod.POST, RequestMethod.GET}) value这个参数指定了请求的 URL 路径。method 参数指定了允许…...
杰和科技GDSM-C数字化信息发布管理系统，信息触达无死角，更全面
在数字化时代，信息的高效传递与精准管理成为商业、教育、公共服务等领域的核心需求。传统信息发布模式常面临设备分散难管控、内容更新滞后、多屏协同效率低等问题。 杰和科技为此开发了一套数字化信息发布管理系统GDSM-C（简称 GDSM-C）系统&a…...
如何停止Oracle expdp/impdp job
一、停止 expdp job举例 1.执行 expdp 命令 $ expdp rui/rui DIRECTORYdmp_dir dumpfilestudyfull_expdp.dmp FULLy logfilestudyfullexpdp.log job_nameexpdp_job2.查看在运行的作业名称 SQL> select job_name,state from dba_datapump_jobs; JOB_NAME …...
Java 8 中，可以使用 Stream API 和 Comparator 对 List 按照元素对象的时间字段进行倒序排序
文章目录 引言I 示例对象II List 按时间字段倒序排序: 使用 `Stream` 和 `Comparator` 排序方法 1：使用 `Comparator.comparing`方法 2：使用 `Comparator.reversed`方法 3：自定义 `Comparator`输出结果III 注意事项**时间字段类型**:**空值处理**:IV 总结引言 案例：在线用…...