Html5+Css3学习笔记

news2024/9/20 8:47:10

Html5 + CSS3

一、概念

1.什么是html5

html: Hyper Text Markup Language ( 超文本标记语言)

文本：记事本

超文本： 文字、图片、音频、视频、动画等等（网页）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

html语言经过浏览器的编译显示成超文本

开发者使用5种浏览器（拥有不同的内核）

edge，谷歌，firefox，safari, 欧朋浏览器

国内目前的浏览器用的还是google的内核

谷歌性能最好，v8引擎，解析速度高

2.什么是css3

css: Cascading Style Sheet ( 级联样式表)

作用：美化网页

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3.w3c标准

w3c： World Wide Web Consortium （万维网联盟）

成立于1994 年，web技术领域最权威最具有影响力的国际中立性技术标准机构

官网：https://www.w3.org/

W3C标准包括：

  • 结构化标准化语言（HTML、XML）
  • 表现标准语言（css）
  • 行为标准（javaScript — DOM、ECMAScript）

4.前端学什么？

  • 结构化标准化语言（HTML、XML）骨架
  • 表现标准语言（css）皮囊
  • 行为标准（javaScript — DOM、ECMAScript）动画 交互

二、开发工具

VSCode官网

三、html和css的语法

1.基本语法

1.1html的语法

在vscode 直接打html就会自动给出基本格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

1.2html的标签

1. 标签的基本结构
  • HTML标签通常由尖括号<和>包围的关键词构成，如<html>。
  • 大多数HTML标签是成对出现的，称为双标签。例如，<html>和</html>分别作为HTML文档的开始和结束标签。第一个标签是开始标签，第二个标签是结束标签，它们之间的内容构成了标签的主体。
  • 有些特殊的标签是单个标签，称为单标签或自闭合标签，例如<br />用于换行，它不需要结束标签。
2. 标签的分类

HTML标签可以根据其功能分为不同的类型，包括但不限于以下几种：

  • 结构标签：用于定义HTML文档的整体结构，如<html>、<head>、<body>等。
  • 文本格式化标签：用于改变文本的显示方式，如<h1>到<h6>用于定义六级标题，<p>用于定义段落，<br />用于换行等。
  • 链接标签：用于创建超链接，如<a href="URL">链接文本</a>。
  • 图像标签：用于在HTML页面中嵌入图像，如<img src="图像URL" alt="图像描述" />。
  • 列表标签：用于创建列表，包括无序列表<ul>和有序列表<ol>，以及列表项<li>。
  • 表格标签：用于创建表格，包括<table>、<tr>（表格行）、<th>（表头单元格）、<td>（表格单元格）等。
  • 表单标签：用于创建表单，收集用户输入，包括<form>、<input>、<textarea>、<select>等。
  • 布局标签：如<div>和<span>，用于布局和样式控制。<div>是块级元素，通常用于布局；<span>是行内元素，用于对文本的某部分进行样式控制。

1.3css的语法

选择器 {
   声明1;
   声明2;
}
如：
h1 {
    font-size: 50px;
    color: 'red'
}

1.4 入门代码

<!DOCTYPE html>
<html lang="en"> <!-- 设置语言为英语 -->
<head>
    <meta charset="UTF-8"> <!-- 设置网页编码格式 UTF-8是国际编码，支持各种语言 --> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 使页面在手机上自适应 --> 
    <title>02css基本语法</title>
    <style>
        h1 {
            font-size: 50px;  /*font：字体， font-size：字体大小， px为像素*/
            font-family: '宋体'; /*字体类型*/
            font-weight:bold;   /*字体粗细  bold:就是600*/
            font-style:normal;  /*italic:斜体*/
            color: #00f;  /*颜色可以三种表示方式：英文 red、pink   rgb(250,0,0)    十六进制: #000000
                           两位表示，但是两位相同可以用一位简写 如#00f */
        }
    </style>
</head>
<body>
    <h1>我爱中国</h1>
    <h2>我爱中国</h2>
    <h3>我爱中国</h3>
    <h4>我爱中国</h4>
    <h5>我爱中国</h5>
    <h6>我爱中国</h6>
    

    我爱世界
</body>
</html>

经验：css的最后一条声明的“；”是可以不写的，但是W3C规范建议最后一条声明的结束也要把“；”写上

h1为标题标签

数字越大，字号越小,占据了一整行

html中的注释格式为

css中的注释格式为/* */

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.html种引入CSS样式

三种引入方式

  • 行内样式
  • 内部样式表
  • 外部样式表

2.1 行内样式

样式写在标签里面

示例代码：

<h1 style="color: red;font-size: 50px;">行内样式</h1>
<h1 style="color: red;">行内样式</h1>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.2 内部样式表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1 {
            color: red;
        }
    </style>
</head>
<body>
    <h1>标题1</h1>
    <h1>标题1</h1>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

css语言写在style标签里，但还是在代码内部

  • 优点
    • 方便在同一个页面种修改样式
  • 缺点
    • 不利于多页面之间共享复用代码及维护，对内容于样式的分离不够彻底

2.3 外部样式表

css代码全部保存在扩展名为.css的样式中

HTML文件引用扩展名为.css样式表，有两种方式:

  • 链接式

    • 语法：
<head>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

href:文件路径
rel:使用外部样式表，固定写法stylesheet
type:文件类型 (不是必须的)

    • 案例：
common.css存放以下css代码

h1 {
    font-size: 200px;
    color: red;
}


---------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05外部样式表-链接式</title>
    <!-- 相对路径/绝对路径,推荐使用相对路径
          ./ 表示当前文件夹 ../表示上一级文件夹 -->
    <link rel="stylesheet" href="./css/common.css" />
</head>
<body>
    <h1>Hello  外部样式-链接式</h1>
</body>
</html>

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 导入式

    • # 语法：
<head>
    <style>
    	<!--
        @import url('css的地址')
        -->
    </style>
</head>


    • 案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06外部样式表-导入式</title>
    <style type="text/css">
        <!-- 
        @import url('./css/common.css');    
        -->
    </style>
</head>
<body>
    <h1>坤坤爱篮球</h1>
</body>
</html>

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

链接式和导入式的区别：

  • 标签是属于XHTML，@import是属于css2.1（版本落后）
  • 使用链接的css文件先加载到网页种，再进行编译显示。而@import导入的css文件，客户端先显示HTML结构，再把css文件加载到网页中。link不会因为网速慢，先加载出未经美化的超文本
  • @import是属于CSS2.1特有的，对不兼容CSS2.1的浏览器是无效的

现在基本不使用导入式

3.CSS样式优先级

遵从如下原则：

  • 行内样式 > 内部样式表 > 外部样式表
  • 就近原则

代码示例：

h1 {
    font-size: 50px;
    color: red;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>07css样式优先级</title>
    <link rel="stylesheet" href="./css/style.css"> 外部演示表的样式

    <style> 内部样式表的样式
        h1 {
            color: blue;
        }
        h2 {
            color: red;
        }
        h2 {
            color: blue;
        }
    </style>
</head>
<body>
    <h1 style="color: green;">北京欢迎你</h1>  行内样式表的样式
    <h2>武汉欢迎你</h2>
</body>
</html>

如果有多个相同的样式，最后一个会覆盖前面的，不相同的样式会叠加

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.CSS基本选择器

4.1 标签选择器

语法：
标签名 {
	属性：值;
}


如：
h1 {
	font-size: 20px;
}
案例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            font-size: 16px;
            color: red;
        }
    </style>
</head>
<body>
    <p>
        2024年6月份，全国居民消费价格同比上涨0.2%。其中，城市上涨0.2%，农村上涨0.4%；
        食品价格下降2.1%，非食品价格上涨0.8%；消费品价格下降0.1%，服务价格上涨0.7%。1­­—6月平均，
        全国居民消费价格比上年同期上涨0.1%。
    </p>
</body>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.2 类选择器

语法：
<style>
    .类名 {
        属性:值;
    }
</style>


<标签名 class="类名"></标签名>
案例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>09类选择器</title>
    <style>
        .mycolor{
            color: blue;
        }
        .mysize {
            font-size: 50px;
        }
    </style>
</head>
<body>
    <!-- 语法：如果有多个类选择器，可以在后面空格继续加 -->
    <p class="mycolor mysize">
        我爱编程
    </p>
    <font class="mycolor">Hello</font>
</body>
</html>

作用：可以多次使用

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.3 ID选择器

语法：
<style>
    #id选择器名称 {
        属性:值;
    }
</style>

<标签名 id="id选择器名称"></标签名>
案例：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 不要以数字开头 */
        #first {
            font-size: 50px;
        }
    </style>
</head>
<body>
    
    <p id="first">北京欢迎你</p>
</body>
</html>
  • 标签选择器直接应用于html标签
  • 类选择器，可以在页面中多次使用
  • id选择器，在同一个页面中只能使用一次 。（实际上可以用多次，但是为了确保唯一性制定出来的规范）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.4 优先级

ID选择器 > 类选择器 > 标签选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>11选择器的优先级</title>
    <style>
        /* 类选择器 */
        .blueColor {
            color: blue;
        }
        /* 标签选择器 */
        p {
            color: green;
        }
        /* id选择器 */
        #colorPink{
            color: pink;
        }
        
    </style>
</head>
<body>
    <p class="blueColor" id="colorPink">
        我爱编程
    </p>
</body>
</html>

5. CSS的高级选择器

  • 层次选择器
  • 结构伪类选择器
  • 属性选择器

5.1 层次选择器

选择器类型功能描述
E F后代选择器选择匹配的F元素，且匹配的F元素包含在匹配的E元素内
E>F子选择器选择匹配的F元素，且匹配的F元素是匹配的E元素的子元素
E+F相邻兄弟选择器选择匹配的F元素，且匹配的F元素紧位于匹配的E元素后面
E~F通用兄弟选择器选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素

前两个可能有用

后代选择器案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p font {
            color: red;
        }
    </style>
</head>
<body>
    <!-- 儿孙
        后代 
    -->
    <p>
        我爱中国,<font>我<span>爱</span>世界</font>
    </p>
    <font>我爱编程</font>
</body>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

子选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 子选择器 */
        p>span {
            color: red;
        }
    </style>
</head>
<body>
    <!-- 儿孙
        后代 
    -->
    <p>
        我爱中国,<font>我<span>爱</span>世界</font>
    </p>
    <p>
        我爱编程,<span>我爱html</span>
    </p>
</body>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传、

相邻兄弟选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div+p{
            color: blue;
        }
    </style>
</head>
<body>
    <div>
        我爱编程
        <p>
            我爱世界
        </p>
        <span>
            我爱湖北
        </span>
    </div>

    <p>
        我爱世界
    </p>
    <p>
        我爱世界22
    </p>
</body>
</html>

通用兄弟选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div~p {
            color: red;
        }
    </style>
</head>
<body>
    <div>
        我爱中国 <p>我爱世界</p>
    </div>
    <p>
        我爱编程
    </p>
    <p>
        我爱学习
    </p>
</body>
</html>

5.2 结构伪类选择器

E:first-child作为E的第一个子元素
E:last-child作为最后一个子元素
E:nth-child(n)第n个子元素
E:first-of-type选择父元素内具有指定类型的第一个E元素
E:last-of-type
E F:nth-of-type(n)选择父元素内具有指定类型的第n个F元素

前三个够了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>16结构伪类选择器</title>
    <style>
        /*给第一个li设置颜色为红色*/
        ul li:first-child {
            color: red;
        }
        /*给li中的最后一个设置颜色为蓝色*/
        ul li:last-child {
            color: blue;
        }
        /*给中间第二个孩子设置颜色为绿色*/
        ul li:nth-child(2){
            color: green;
        }

        /*给第2个p设置字体大小为50px*/
        p:nth-child(2) {
            font-size: 50px;
        }
    </style>
</head>
<body>
    <p>p1</p>
    <p>p2</p>
    <p>p3</p>
    <ul>
        <li>li1</li>
        <li>li2</li>
        <li>li3</li>
    </ul>
</body>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

5.3 属性选择器

属性选择器功能描述
E[attr]选择匹配具有属性attr的E元素
E[attr=val]选择匹配具有属性attr的E元素，且属性为val
E[attr^=val]选择匹配元素E，且E元素定义了属性attr，其属性值以val开头的任意字符串
E[attr$=val]选择匹配元素E，且E元素定义了属性attr，其属性值以val结尾的任意字符串
E[attr*=val]只要包含了val的任意字符串
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>17属性选择器</title>
    <style>
        .demo a {
            width: 50px;
            height: 50px;
        }
        a[id] {
            background-color: yellow;
        }
        a[id=green] {
            background-color: green;
        }
        a[id=blue] {
            background-color: blue;
        }
        a[id=yellow] {
            background-color: yellow;
        }


        a[href^=http] {
            background-color: pink;
        }
        a[href$=cn] {
            background-color: black;
        }
        a[href*=ba] {
            font-size:  50px;
        }
    </style>
</head>
<body>
    <p class="demo">
        <a href="http://www.baidu.com" target="_self" id="green">百度</a>
        <a href="#">京东</a>
        <a href="http://www.alibaba.cn">阿里</a>
        <a href="https://www.thepaper.cn">澎湃</a>
    </p>
    
</body>
</html>

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

四、总结

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1917940.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

element ui ts table重置排序

element ui ts table重置排序

#日常# 今天带的实习生&#xff0c;在遇到开发过程中&#xff0c;遇到了element ui table 每次查询的时候都需要重置排序方式&#xff0c;而且多个排序是由前端排序。 <el-table :data"tableData" ref"restTable"> </<el-table> <script…
阅读更多...
谷粒商城实战笔记-24-分布式组件-SpringCloud Alibaba-Nacos配置中心-命名空间与配置分组

谷粒商城实战笔记-24-分布式组件-SpringCloud Alibaba-Nacos配置中心-命名空间与配置分组

文章目录 一&#xff0c;命名空间1&#xff0c;简介1.1&#xff0c;命名空间的主要功能和特点1.2&#xff0c;使用场景1.3&#xff0c;如何指定命名空间 2&#xff0c;命名空间实战2.1&#xff0c;环境隔离2.2&#xff0c;服务隔离 二&#xff0c;配置集三&#xff0c;配置集ID…
阅读更多...
半月内笔者暂不写时评文

半月内笔者暂不写时评文

今晨&#xff0c;笔者在刚恢复的《新浪微博》发布消息表态如下&#xff1a;“要开会了&#xff01;今起&#xff0c;半月内笔者暂不写敏感时评文&#xff0c;不让自媒体网管感到压力&#xff0c;也是张驰有度、识时务者为俊杰之正常选择。野钓去也。” 截图&#xff1a;来源笔者…
阅读更多...
apple watch程序出错 Cannot launch apps while in nightstand mode

apple watch程序出错 Cannot launch apps while in nightstand mode

开发的时候运行apple watch程序出错&#xff1a; ailure Reason: The request was denied by service delegate (IOSSHLMainWorkspace) for reason: Busy ("Cannot launch apps while in nightstand mode"). 这是因为&#xff1a; 将Apple Watch放在充电器上并直立…
阅读更多...
4款免费国产开源软件，功能过于强大，常被认为是外国人开发

4款免费国产开源软件，功能过于强大，常被认为是外国人开发

之前小编分享了一些良心的电脑软件&#xff0c;大部分都是国外的开源软件&#xff0c;就有部分同学在后台说小编有点极端了&#xff0c;国内也是有良心的电脑软件的。 本期就是国产软件专场&#xff0c;今天就给大家推荐几款良心的国产电脑软件&#xff0c;说真的&#xff0c;…
阅读更多...
“离职员工”试图打包资料带走，如何防止敏感数据外泄？

“离职员工”试图打包资料带走，如何防止敏感数据外泄？

2010年5月间&#xff0c;某家电巨头四名前职工非法泄露该家电洗衣机重要生产和采购环节数据&#xff0c;给家电集团造成直接经济损失共计2952.35万元。 2017年1月&#xff0c;某科技巨头消费者终端业务6名员工&#xff0c;离职后拿着该企业终端的知识产权结果赚钱&#xff0c;最…
阅读更多...
fork的理解

fork的理解

一. 注意点 1.进程是并发的&#xff0c;主进程和子进程同时进行&#xff0c;效率高2.子进程产生时是完全复制主进程的状态的&#xff0c;只有在产生修改的时候才会单独分配资源。 二. 下面程序一共应该为8个进程&#xff0c;但code的终端看到只有7个进程号的原因。因为fork返…
阅读更多...
线程与进程的区别和联系

线程与进程的区别和联系

前言 在上篇文章里&#xff0c;我们知道了进程管理的一些相关知识-->http://t.csdnimg.cn/OVGAD&#xff0c;但是在实际编写代码的过程中&#xff0c;我们都是用一个CPU在工作&#xff0c;无法体现多核的优势&#xff0c;这次咱们在细分一下了解线程~ 什么是线程(Thread)&am…
阅读更多...
three-tile: 1. 第一个three-tile程序

three-tile: 1. 第一个three-tile程序

上篇介绍了&#xff1a;three-tile&#xff1a; 一个开源的轻量级三维瓦片库-CSDN博客 three-tile 是一个开源的轻量级三维瓦片库&#xff0c;它基于threejs使用typescript开发&#xff0c;提供一个三维地形模型&#xff0c;能轻松给你的应用增加三维瓦片地图。 项目地址&…
阅读更多...
自建邮局服务器相比云邮箱有哪些优势特性？

自建邮局服务器相比云邮箱有哪些优势特性？

自建邮局服务器如何配置&#xff1f;搭建自建邮局服务器的技术&#xff1f; 尽管云邮箱服务提供了便捷和低成本的解决方案&#xff0c;自建邮局服务器依然具有许多独特的优势和特性&#xff0c;吸引了众多企业和组织。AokSend将深入探讨自建邮局服务器相比云邮箱的主要优势。 …
阅读更多...
如何指定多块GPU卡进行训练-数据并行

如何指定多块GPU卡进行训练-数据并行

训练代码&#xff1a; train.py import torch import torch.nn as nn import torch.optim as optim from torch.utils.data import DataLoader, Dataset import torch.nn.functional as F# 假设我们有一个简单的文本数据集 class TextDataset(Dataset):def __init__(self, te…
阅读更多...
本地部署私人知识库的大模型！Llama 3 + RAG！

本地部署私人知识库的大模型！Llama 3 + RAG！

在今天的的教程中&#xff0c;我们将打造更加个性化的大模型&#xff0c;可以定制搭载私人知识库的本地大模型&#xff01; 我们探讨Meta AI 的尖端 Llama 3 语言模型构建强大的检索增强生成 &#xff08;RAG&#xff09; 来实现。通过利用 Llama 3 和 RAG 技术的功能&#xf…
阅读更多...
雨季的文物保护

雨季的文物保护

随着夏季的到来&#xff0c;高温和多雨给文物保护带来了新的挑战。在这个季节&#xff0c;文物不仅面临着物理和化学损害的风险&#xff0c;还可能因为管理不善而遭受人为破坏。因此&#xff0c;探讨如何在夏季炎热天气中做好文物保护工作&#xff0c;对于维护文化遗产的完整性…
阅读更多...
【深度学习】图形模型基础(7)：机器学习优化中的方差减少方法(1)

【深度学习】图形模型基础(7)：机器学习优化中的方差减少方法(1)

摘要 随机优化是机器学习中至关重要的组成部分&#xff0c;其核心是随机梯度下降算法&#xff08;SGD&#xff09;&#xff0c;这种方法自60多年前首次提出以来一直被广泛使用。近八年来&#xff0c;我们见证了一个激动人心的新进展&#xff1a;随机优化方法的方差降低技术。这…
阅读更多...
小白学c嘎嘎（第二天）入门基础下

小白学c嘎嘎（第二天）入门基础下

温馨提醒&#xff1a;本篇文章起&#xff0c;文章内容排版将更新&#xff0c;层层深入 基础知识 回顾 引用的语法格式&#xff1a;类型& 引⽤别名 引⽤对象; 引用特性 1. 引⽤在定义时必须初始化 2. ⼀个变量可以有多个引⽤ 3. ⼀旦引⽤⼀个实体&#xff0c;再不…
阅读更多...
药监局瑞数后缀补环境教学

药监局瑞数后缀补环境教学

声明 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01; (联系看首页&#xff09; 前言 之前用…
阅读更多...
【python算法学习2】冒泡排序的写法

【python算法学习2】冒泡排序的写法

目的&#xff1a;学习冒泡排序的写法 1 定义 1.1百度百科 冒泡排序_百度百科在程序设计语言中&#xff0c;排序算法主要有冒泡排序、快速排序、选择排序以及计数排序等。冒泡排序&#xff08;Bubble Sort&#xff09;是最简单和最通用的排序方法&#xff0c;其基本思想是&…
阅读更多...
EchoMimic 数字人项目：语音驱动图像说话项目

EchoMimic 数字人项目：语音驱动图像说话项目

参考： https://github.com/BadToBest/EchoMimic 安装 下载模型 下载位置放到下面下载代码目录下， cd EchoMimic 下 export HF_ENDPOINT=https://hf-mirror.comhuggingface-cli download --resume-download --local-dir-use-symlinks False BadToBest/EchoMimic --local-d…
阅读更多...
红酒的甜蜜秘密：如何搭配甜点？

红酒的甜蜜秘密：如何搭配甜点？

在品味美食的旅程中&#xff0c;甜点与红酒的搭配总是能带来意想不到的惊喜。红酒的醇厚与甜点的细腻&#xff0c;在口中交织出美妙的旋律&#xff0c;让人陶醉不已。今天&#xff0c;就让我们一起探索红酒的甜蜜秘密&#xff0c;看看如何与甜点很好搭配&#xff0c;享受这一场…
阅读更多...
PCL报ptr 释放错误(Memory.h文件中aligned_free(void *ptr)触发了一个断点）

PCL报ptr 释放错误(Memory.h文件中aligned_free(void *ptr)触发了一个断点）

今天跑PCL处理点云&#xff0c;上来一个下马威&#xff0c;关于内存的。反复检查代码以后还是报错.于是反复查看代码&#xff0c;并搜罗指针释放&#xff0c;都没有解决。一番操作才知道是设置配置问题。下面记录一下解决过程&#xff1a; &#xff08;1&#xff09;编译报错弹…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023