01-04css

  • 样式表
  • CSS中的注释
  • CSS常用选择器
  • 文本样式
  • 列表样式
  • overflow属性
  • display属性
  • 盒子模型
  • 文档流

CSS基本语法

概念：CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:

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

  • 选择器通常是您需要设置样式的HTML元素

  • 每条声明由一个属性和一个值组成

  • 属性（property）是您希望设置的样式属性（style attribute）。属性与属性之前用分号，属性和值用冒号

样式表

概念：对标签显示样子设置，美化标签 ，css:层叠样式表

在html怎样使用样式

  1. 内联：在标签上直接使用
<p style="color: lime;">你好，我是翠绿色</p>
  1. 内部引用，在head标签里面书写style标签，把样式写到style标签里面
<head>  
<style type="text/css">
        span{
            color: green;
        }
        p{
            color:red;
        }
    </style>
</head>
<body>
<p>shdfhdsfklh<span>sak</span>fdhsa</p>
</body>
  1. 外部引用，将样式放在一个样式文件里面 通过文档头部的标签来引入样式表
<head>
	/*
		引用外部的style.css，
		rel属性：定义当前文档与被链接文档之间的关系。用于操作样式表时，rel属性的值为“stylesheet”
	*/
<link rel="stylesheet" href="style.css">
</head>

<h3>这么强，可怕!!!!!</h3>

以下是在css文件里
h3{
    color:yellowgreen;
}

样式优先级: 当发生样式定义冲突时，浏览器首先会按照不同样式规则的优先级来应用样式,一般遵守"就近优先"原则

CSS中的注释

概念：注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。CSS注释以 /* 开始, 以 */ 结束。

/*这是个注释*/
{
    text-align:center;
    /*这是另一个注释*/
    color:black;
    font-family:arial;
}

换行

white-space: nowrap; 不换行

word-wrap: break-word; 允许超出元素内容部分自动换行

CSS常用选择器

概念：CSS选择器用于定位你要操作的元素：

  1. 标签名选择器，通过标签名找到
选择指定标签的所有元素p 选择所有 <p> 元素
  1. 类选择器,通过标签的class属性名字找到标签，使用时需要在名前加.class的名字可以重复
.c1 {
     color: red;
    }
.c2 {
     color: lime;
    }

<p> <span class="c1">第三</span><span class="c2">规范环境</span> </p>
  1. id选择器：同标签的id属性值来找到标签，使用时需要在名字前加#，在同一个网页中id的名字不能重复
#p1 {
     color:blueviolet;
    }

<p id="p1">32454365476547</p>
  1. 属性选择器 选择具有指定属性或属性值的所有元素
/* option[value]:option标签里面有value属性的，任意属性都可以 */
/* option[value="o1"]:option标签中有value属性，并且值等于o1的标签 */
<select name="s1">
    <option value="o1">a</option>
    <option>a</option>
    <option value="o5">a</option>
</select>
  1. 伪类和伪元素选择器 选择具有指定状态或位置的元素

概念：伪类是一种状态，给标签的一种状态设置样式就叫伪类选择器

  1. :hover：设置元素在其鼠标悬停时的样式

    /* 鼠标指针进入选择标签 */
p:hover{
    color:lime;
}

<p>hello</p>

  2. :enable 选择每个已启动的元素

    /* 没有被禁用的标签 */
input:enabled {
 background-color: lime;
}

  3. :disabled 选择每个已禁止的元素

    input:disabled {
background-color: lime;
}

  4. :read-only 选择有"readonly"的表单元素，注意只读包含禁用，所以也会影响具有"disabled"的表单元素

  5. :read-write 选择没有"readonly"的表单元素，设置了disabled的元素也认为设置了readonly

  6. :first-child 选择满足是其父元素的第一个子元素的元素

  7. :last-child 选择满足是其父元素的最后一个子元素的元素

  8. :focus 选择拥有键盘输入焦点的元素 - 一般用于输入框中 鼠标光标进入

  9. :checked+ 要改变的元素 选择每个被选中的元素

     /* input:checked+label     input标签被选中后 后面的第一个label标签 */
input:checked+label {
     color:red;
}

  10. :not(selector) 选择不满足selector的元素

     /* p[class]:有class属性的p, p:not(p[class]):没有class的p标签*/
p:not(p[class]) {
    color:red;
}

  11. E:nth-child(n) { css样式 } - n可以是数字，2n，2n-1，even奇数，odd偶数，具体看情况

    /* tr:nth-child(2)：将指定的第几个tr标签  */
tr:nth-child(even) {   
    background-color: red;
}

注意：CSS3出现了伪元素选择器

::first-letter 选择指定元素的第一个单词

/*  p::first-letter:将p的第一个字符选中 */
p::first-letter {
    color: red;
}

::first-line 选择指定元素的第一行

/* div::first-line：将div里面第一行选中 */
div::first-line {
    background-color: lime;
}

::after 在指定元素的内容前面插入内容

 /*  p:nth-child(1):选中第一个p标签，::before：在p标签的开始插入内容 */
p:nth-child(1)::before {
    content: "哈哈";  可以插图片
}

::before 在指定元素的内容后面插入内容

p:nth-child(even)::after {
    content: "哈哈哈";
}
  1. 组合选择器 组合多个元素
ul,.c1 选择所有 <ul>元素和class="c1"的元素
  1. 层次选择器 通过元素结构选择元素
  • ul li 选择<ul>里面的所有<li>元素；
  • div > p 选择所有直接子元素是<div>的<p>元素；
  • h1 + p 选择紧跟在<h1>元素后紧挨着的<p>元素； 就是跟h1同级的第一个标签
空格：后代选择器，选择被div标签包裹的所有span标签
'>'：子代选择器，选择被div标签直接包裹的儿子，不会影响p标签中的span标签
'+'：兄弟选择器，选择div标签后面紧挨着的span标签，不会影响后续的兄弟标签，此标签只能影响后面的兄弟
div span{
    font-weight: bolder;
    background: red;
}
div > span{
    font-weight: bolder;
    background: red;
}
div + span{
    font-weight: bolder;
    background: red;
}
// 例子 
<style type="text/css">
    #second + p  // 这个就是找的second定位下的标签的下面的第一个标签
    {
        color: blueviolet;
    }
    </style>
 <div >
        <p >子元素</p>
        <p>子元素</p>
        <div id="second">
            <p >子元素的子元素</p>
            <p>子元素的子元素</p>
        </div>
        <p>子元素</p>   // 找到的是这个标签，1.因为他跟上面的div是同级的，2.他又是<div id="second">下面的第一个
        <p>子元素</p>
    </div>

文本样式

  1. font-family 设置字体

    font-family: Arial, sans-serif; - 电脑中的字体

  2. font-size 设置字体大小

    font-size: 16px;

  3. font-weight 设置字体加粗

    font-weight: bold;

  4. font-style 设置字体样式

    font-style: italic;

  5. color 设置文本颜色

    color: red;

  6. line-height 设置行高

    line-height: 1.5;

  7. text-align 设置文本对齐方式

    text-align: center;

  8. text-decoration 设置文本装饰

    text-decoration: underline;

  9. text-transform 设置文本大小写转换

    text-transform: uppercase;

  10. text-shadow 设置文本阴影

    text-shadow: 1px 1px 2px #000000;

<style>
    p{
        font-family: Arial; /* 字体类型：Arial */
        font-size: 40px; /* 字体大小：40个像素点 */
        color: orangered; /* 字体颜色：橙红色 */
        font-weight: bolder; /* 文本重量：文本加粗 */
        font-style: italic; /* 字体样式：斜体 */
        text-align: center; /* 文本水平位置：居中 */
        text-decoration: underline; /* 文本修饰：下划线 */
        text-transform: uppercase; /* 文本转换：转大写 */
        line-height: 1; /* 行高 - 可以用来调整上下高度 */
        text-shadow: 15px 15px 2px #000000; /* 文本阴影：x轴 y轴 模糊度 颜色 */
    }
</style>
<p>itsource-源码时代</p>

跑马灯标签

<marquee direction="滚动的方向：left right up down

属性还有：

  • behavior=“滚动的方式：scroll：连续滚动，slide：滑动、alternate：来回弹动”
  • scrollamount=“每秒滚动单位：默认6px”
  • scrolldelay=“滚动的间隔时间：以毫秒为单位，默认85毫秒”
  • loop=“滚动的次数”
  • οnmοuseοver=“this.stop() 鼠标进入停止滚动”
  • οnmοuseοut=“this.start() 鼠标离开继续滚动”>

光标样式

概念：默认情况下，光标会根据用户的操作发生改变。

使用 cursor 属性指定显示给用户的鼠标光标类型（形状），该属性常用的取值有：

1、url：需要使用的自定义光标的URL

<style>
    a:hover{
        /* cursor: pointer; */
        /* 图片没问题时显示图片，图片有问题时显示第二个值 */
        cursor: url("images/pointer02.png"),no-drop;
    }
</style>

<a href="#">点我升天！</a>

2、default：默认光标，通常是一个箭头
3、auto：默认，浏览器设置的光标
4、crosshair：光标呈现为十字线
5、pointer：光标呈现为一只手
6、move：指示某对象可以移动
7、e-resize：指示矩形框的边缘可被向右移动
8、ne-resize：指示矩形框的边缘可被向上以及向右移动
9、nw-resize：指示矩形框的边缘可被向上以及向左移动
10、n-resize：指示矩形框的边缘可被向上移动
11、s-resize：指示矩形框发热边缘可被向下移动
12、se-resize：指示矩形框的边缘可被向下以及向右移动
13、sw-resize：指示矩形框的边缘可被向下以及向左移动
14、w-resize：指示矩形框的边缘可被向左移动
15、text：光标指示文本
16、wait：指示程序正忙
17、help：指示可用的帮助
18、not-allowed：禁止
19、no-drop：无法释放

列表样式

列表样式主要是列表项样式：

list-style-type 属性用于控制列表中列表项标志的样式

list-style-image 属性可以用来替换列表项的标记

overflow属性

overflow属性规定当内容溢出元素框时如何处理，可能的取值为：

visible：内容不会被修剪，会呈现在元素框之外，为默认值
hidden：内容会被修剪，并且其余内容是不可见的
scroll：内容会被修剪，但是始终会显示滚动条以便查看其余的内容
auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

overflow-x：hidden | scroll | auto
overflow-y：hidden | scroll | auto

display属性

作用：display属性用于定义元素的布局方式和外观

none：让生成的元素根本没有框，该框及其内容不再显示，不占用文档中的空间
block块级：让行内元素（比如元素）表现得像块级元素一样，设置width、height有效，独占一行
inline行内：让块级元素（比如

元素）表现得像内联或行内元素一样，设置width、height无效，一行可显示多个
inline-block行内块：设置width、height有效，一行可显示多个

盒子模型

概念：描述一个元素在页面中占据的空间和位置

在CSS中认为所有的HTML标签都是一个盒子，这些盒子有以下内容：边框border、内容content、内边距padding（内容与边框的距离）、外边距margin（盒子与盒子之间的距离）

每个盒子都有：边界、边框、填充、内容四个属性。

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

宽度高度

行内标签无法设置宽度（width）和高度（height），块级元素可以,一般高度不需要设置，由内容撑高

边框border

边框：元素周围的边框线，可以设置边框线的样式、颜色和宽度等属性。通常用border属性来设置边框

.box {
  border: 1px solid #000;
}

border-radius 设置或检索对象使用圆角边框

注意：也可以设置某一边的边框样式

border-bottom-left-radius/border-top-right-radius - 设置某一边圆角  
border-top/bottom/left/right-width -   设置或检索对象顶/底/左/右边样式

内边距padding

内边距：元素内容区域和边框之间的距离，可以设置内边距的大小。通常用padding属性来设置内边距

.box {
  padding: 20px;
}

外边距margin

外边距：元素和其他元素之间的距离。可以设置外边距的大小和负值。通常用margin属性来设置外边距

.box {
  margin: 10px;
}

盒子阴影

box-shadow属性用于设置盒子的阴影用于设置盒子阴影

<div style="width: 200px;height: 200px;border: 1px solid black;box-shadow: 1px 1px 10px  red;">
</div>

none： 无阴影 
第1个长度值：用来设置对象的阴影水平偏移值。可以为负值 
第2个长度值：用来设置对象的阴影垂直偏移值。可以为负值 
第3个值：用来设置对象的阴影模糊值。不允许负值  
第4个值：设置对象的阴影的大小，不设置阴影大小，第四个值就是颜色
第5个值：设置对象的阴影的颜色
过度动画效果：transition: all 2s;

文档流

概念:CSS文档流指的是HTML文档中元素按照一个规定好的方式排列的过程。HTML提供了3中文档流规则：

普通流/文本流：文档中的元素默认显示规则

文档中的元素默认显示规则：
1. 从上到下，从左到右
2. 块级元素独占一行，行内元素不换行

浮动流：设定元素向某一个方向倾斜浮动的方式排列元素

设定元素向某一个方向倾斜移动，用于做左右布局的
1. 脱离普通流或文本流，并且将它放置在包含框的左边或者右边
2. 元素浮动之后依旧位于包含框之内
3. 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止

只要设置了浮动，就将盒子脱离了文本流。由于浮动框不在文本流中，所以文本流中的其它元素，表现出就像浮动框不存在一样，自动上移，占有浮动框的位置

1.float属性  如果需要指示框浮动在包含框的左边或者右边，我们可以通过 float 属性来实现。none  left  right
2.clear属性  浮动会对后面的元素造成影响,clear 属性定义了元素的哪边上不允许出现浮动元素

定位流：直接定位元素在文档或在父元素中的位置，表现为漂浮在指定元素上方

position属性

static：静态定位也是普通流定位，元素位于文档流中，正常显示。忽略元素的top，bottom，left，right。为默认值
relative：相对定位，对象遵循普通流，相对于对象自己本身的原始位置。

相对定位是相对于它原来的位置进行偏移，具体的位置由偏移属性（top、bottom、left、right）来设置，元素原来所占的空间仍保留。
1. 首先需要设置position属性的值为relative
2. 然后使用偏移属性left属性或者right属性设置水平方向的偏移量
3. 也可以使用偏移属性top属性或者bottom属性设置垂直方向的偏移量
4. 如果有多个相对定位，可以使用z-index设置层次关系

absolute：绝对定位，对象脱离普通流，相当于浮动，浮了起来，相对于浏览器窗口或已经设置了定位的父元素

绝对定位是相对于浏览器窗口设置偏移（假如父元素没有设置定位），具体的位置由偏移属性（top、bottom、left、right）来设置。元素原来所占的空间不保留
1. 首先需要设置 position 属性的值为 absolute
2. 然后使用偏移属性left 属性或者right 属性设置水平方向的偏移量
3. 也可以使用偏移属性top 属性或者bottom 属性设置垂直方向的偏移量
4. 如果有多个绝对定位，可以使用z-index设置层次关系

fixed：与absolute一致，相对于浏览器窗口。当出现滚动条时，对象不会随着滚动，通常用来做广告div

固定定位相对于浏览器窗口设置偏移，是指将元素的内容固定在页面的某个位置。脱离文本流，元素原来所占的空间不保留。当用户向下滚动页面时元素框并不随着移动，通常用来做广告div。
1. 首先需要设置position属性的值为fixed
2. 然后使用偏移属性left属性或者right属性设置水平方向的偏移量
3. 也可以使用偏移属性top属性或者bottom属性设置垂直方向的偏移量
4. 如果有多个固定定位，可以使用z-index设置层次关系

绝对定位是相对于浏览器窗口设置偏移（假如父元素没有设置定位），具体的位置由偏移属性（top、bottom、left、right）来设置。元素原来所占的空间不保留
1. 首先需要设置 position 属性的值为 absolute
2. 然后使用偏移属性left 属性或者right 属性设置水平方向的偏移量
3. 也可以使用偏移属性top 属性或者bottom 属性设置垂直方向的偏移量
4. 如果有多个绝对定位，可以使用z-index设置层次关系

fixed：与absolute一致，相对于浏览器窗口。当出现滚动条时，对象不会随着滚动，通常用来做广告div

固定定位相对于浏览器窗口设置偏移，是指将元素的内容固定在页面的某个位置。脱离文本流，元素原来所占的空间不保留。当用户向下滚动页面时元素框并不随着移动，通常用来做广告div。
1. 首先需要设置position属性的值为fixed
2. 然后使用偏移属性left属性或者right属性设置水平方向的偏移量
3. 也可以使用偏移属性top属性或者bottom属性设置垂直方向的偏移量
4. 如果有多个固定定位，可以使用z-index设置层次关系

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【研究】聚焦型光场相机等效多相机模型及其运动恢复结构应用

【研究】聚焦型光场相机等效多相机模型及其运动恢复结构应用

摘要:聚焦型光场相机在运动恢复结构(SFM)和场景重建等领域中的作用日益显现。但是传统SFM算法因聚焦型光场相机具有特殊的结构而难以直接应用。针对这一问题提出一种完整的聚焦型光场相机等效多目相机模型。在此基础上&#xff0c;利用传统多目相机的SFM算法&#xff0c;给出了…
阅读更多...
Vue-10、Vue键盘事件

Vue-10、Vue键盘事件

1、vue中常见的按键别名 回车 ---------enter <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>键盘事件</title><!--引入vue--><script type"text/javascript" src"h…
阅读更多...
openEuler22.0.3安装oracle11.2.0.4报错总结

openEuler22.0.3安装oracle11.2.0.4报错总结

openEuler是CentOS8系列魔改来的 1.xstart无法打开报错x11拒绝转义 yum install *x11* vi /etc/ssh/sshd_config X11Forwarding yes systemctl restart sshd 2.执行runinstaller报错,无论是直接无法打开界面报错: when installed in the jdk 1.2 Linux 还是打开界面报错: no o…
阅读更多...
OLED模块取模方式详解（汉字取模、英文取模、图片取模）

OLED模块取模方式详解（汉字取模、英文取模、图片取模）

一、引言 本文旨在记录我学习OLED显示模块时&#xff0c;对取模软件的使用和学习过程。 取字模软件&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/18PVS1O160AspJUZ5uMs3bA?pwdzxf1 提取码&#xff1a;zxf1 --来自百度网盘超级会员V3的分享 更多有关OLED显示模块的…
阅读更多...
强化学习10——免模型控制Q-learning算法

强化学习10——免模型控制Q-learning算法

Q-learning算法 主要思路 由于 V π ( s ) ∑ a ∈ A π ( a ∣ s ) Q π ( s , a ) V_\pi(s)\sum_{a\in A}\pi(a\mid s)Q_\pi(s,a) Vπ​(s)∑a∈A​π(a∣s)Qπ​(s,a) &#xff0c;当我们直接预测动作价值函数&#xff0c;在决策中选择Q值最大即动作价值最大的动作&…
阅读更多...
Redis入门-redis的五大数据类型+三种特殊的数据类型

Redis入门-redis的五大数据类型+三种特殊的数据类型

前言&#xff1a;Redis有五大基本类型与三种特殊类型的介绍 Redis有五大基本类型&#xff1a;字符串&#xff08;string&#xff09;、哈希&#xff08;hash&#xff09;、列表&#xff08;list&#xff09;、集合&#xff08;set&#xff09;和有序集合&#xff08;sorted se…
阅读更多...
ModuleNotFoundError: No module named ‘SwissArmyTransformer‘

ModuleNotFoundError: No module named ‘SwissArmyTransformer‘

小问题&#xff0c;直接pip install pip install SwissArmyTransformer 但是&#xff0c;安装之后却还是提示&#xff0c;屏幕上依然标红 ModuleNotFoundError: No module named SwissArmyTransformer 查找环境目录发现&#xff0c; 这是因为新版的SwissArmyTransformer中&…
阅读更多...
Spring boot 3 集成rocketmq-spring-boot-starter解决版本不一致问题

Spring boot 3 集成rocketmq-spring-boot-starter解决版本不一致问题

安装RocketMQ根据上篇文章使用Docker安装RocketMQ并启动之后&#xff0c;有个隐患详情见下文 Spring Boot集成 <dependency><groupId>org.apache.rocketmq</groupId><artifactId>rocketmq-spring-boot-starter</artifactId><version>2.2…
阅读更多...
【排序】快速排序

【排序】快速排序

思想 快速排序是一种基于分治策略的排序算法&#xff0c;其核心思想通过选取一个基准元素&#xff0c;将数组分成两个子数组&#xff1a;一个包含小于基准元素的值&#xff0c;另一个包含大于基准元素的值。然后递归地对这两个子数组进行排序&#xff0c;最终将它们合并起来&a…
阅读更多...
linux项目部署（jdk,tomcat,mysql,nginx,redis）

linux项目部署（jdk,tomcat,mysql,nginx,redis）

打开虚拟机&#xff0c;与连接工具连接好&#xff0c;创建一个文件夹 cd /tools 把jdk,tomcat安装包放入这个文件夹里面 jdk安装 #解压 tar -zxvf apache-tomcat-8.5.20.tar.gz #解压jdk tar -zxvf jdk-8u151-linux-x64.tar.gz 编辑jdk文件以及测试jdk安装 第一行代码路径…
阅读更多...
数 据 分 析 1

数 据 分 析 1

1.使用Wireshark查看并分析靶机桌面下的capture.pcapng数据包文件&#xff0c;找到黑客的IP地址&#xff0c;并将黑客的IP地址作为Flag值&#xff08;如&#xff1a;172.16.1.1&#xff09;提交&#xff1b;172.16.1.41 查找&#xff1a;tcp.connection.syn 2.继续分析captu…
阅读更多...
冲刺2024年AMC8竞赛：往年真题练一练和答案详解（3）

冲刺2024年AMC8竞赛：往年真题练一练和答案详解（3）

今天我们继续来做一做往年的AMC8真题&#xff0c;通过高质量的真题来体会我们所学的知识如何解题&#xff0c;建立快速思考、做对题目的策略。 今天分享的五道题目仍然是随机从六分成长独家制作的575道在线题库&#xff08;来自于往年真题&#xff09;中抽取5道题来做一下&…
阅读更多...
TSP（Python）：Qlearning求解旅行商问题TSP（提供Python代码）

TSP（Python）：Qlearning求解旅行商问题TSP（提供Python代码）

一、Qlearning简介 Q-learning是一种强化学习算法&#xff0c;用于解决基于奖励的决策问题。它是一种无模型的学习方法&#xff0c;通过与环境的交互来学习最优策略。Q-learning的核心思想是通过学习一个Q值函数来指导决策&#xff0c;该函数表示在给定状态下采取某个动作所获…
阅读更多...
Android Studio导入项目 下载gradle很慢或连接超时，提示：Read timed out---解决方法建议收藏！

Android Studio导入项目 下载gradle很慢或连接超时，提示：Read timed out---解决方法建议收藏！

目录 前言 一、报错信息 二、解决方法 三、更多资源 前言 一般来说&#xff0c;使用Android Studio导入项目并下载gradle的过程应该是相对顺利的&#xff0c;但是有时候会遇到下载速度缓慢或连接超时的问题&#xff0c;这可能会让开发者感到头疼。这种情况通常会出现在网络…
阅读更多...
基于Jackson自定义json数据的对象转换器

基于Jackson自定义json数据的对象转换器

1、问题说明 后端数据表定义的id主键是Long类型&#xff0c;一共有20多位。 前端在接收到后端返回的json数据时&#xff0c;Long类型会默认当做数值类型进行处理。但前端处理20多位的数值会造成精度丢失&#xff0c;于是导致前端查询数据出现问题。 测试前端Long类型的代码 …
阅读更多...
常见排序算法及其稳定性分析

常见排序算法及其稳定性分析

前言&#xff1a; 排序算法可以说是每一个程序员在学习数据结构和算法时必须要掌握的知识点&#xff0c;同样也是面试过程中可能会遇到的问题&#xff0c;在早些年甚至还会考冒泡排序。由此可见呢&#xff0c;掌握一些常见的排序算法是一个程序员的基本素养。虽然现在的语言标…
阅读更多...
【第一次使用finalshell连接虚拟机内的centos】小白处理方式

【第一次使用finalshell连接虚拟机内的centos】小白处理方式

第一次使用finalshell连接centos7的时候&#xff0c;因为都是新环境什么都没有配置&#xff0c;所以就需要安装finalshell和对新的centos7 进行一些配置。 安装finalshel&#xff0c;默认不安装d盘&#xff0c;就需要对安装路径做一下调整&#xff0c;其余都是下一步默认安装的…
阅读更多...
数据结构和算法-交换排序中的快速排序（演示过程 算法实现 算法效率 稳定性）

数据结构和算法-交换排序中的快速排序（演示过程 算法实现 算法效率 稳定性）

文章目录 总览快速排序&#xff08;超级重要&#xff09;啥是快速排序演示过程算法实现第一次quicksort函数第一次partion函数到第一次quicksort的第一个quicksort到第二次quicksort的第一个quicksort到第二次quicksort的第二个quicksort到第一次quicksort的第二个quicksort到第…
阅读更多...
大漠插件7.2353

大漠插件7.2353

工具名称:大漠插件7.2353 更新时间2023-12-29更新内容/v7.23531. FindPicSim优化,防止有些时候会找不到图2. 增加接口TerminateProcessTree3. 解决AsmCall 模式6在部分WIN11下无法正常生效的BUG/ 工具简介:大漠 综合 插件 (dm.dll)采用vc6.0编写&#xff0c;识别速度超级快&…
阅读更多...
怎样在Anaconda下安装pytorch(conda安装和pip安装)

怎样在Anaconda下安装pytorch(conda安装和pip安装)

前言 文字说明 本文中标红的&#xff0c;代表的是我认为比较重要的。 版本说明 python环境配置&#xff1a;jupyter的base环境下的python是3.10版本。CUDA配置是&#xff1a;CUDA11.6。目前pytorch官网提示支持的版本是3.7-3.9 本文主要用来记录自己在安装pytorch中出现的问…
阅读更多...
最新文章

Copyright @ 2022~2023