CSS选择器大全

这篇具有很好参考价值的文章主要介绍了CSS选择器大全。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素,并将样式应用于这些选中的元素

基本选择器

通配配选择器
  • 通配选择器:可以选中所有的HTML元素

  • 通配选择器使用 符号 *,命中页面所有的元素

  • 语法

    • * {
        属性名:属性值;
      }
      
  • 通配选择器在实际设置样式应用较少,在对应场景清除样式使用较多

元素选择器
  • 元素选择器:使用标签选中所有的对应标签统一设置样式

  • 语法

    • 标签名: {
         属性名:属性值;
      }
      
      /* 示例  使用span标签 选中页面所有的span,设置字体大小为34px */
      span {
        font-size:34px;
      }
      
    • 元素选择器无法实现差异化设置,所有的元素都是统一设置

类选择器
  • 类选择器: 根据元素的class值,来选中某些元素

  • 步骤

    1. 在标签内设置class属性
    2. 使用.class属性值选中所有该属性值的标签
  • 语法

    • <!-- html -->
      <!-- 给标签设置同类名 归属于一类 -->
      	<p class="city">北京</p>
        <p class="city">山西</p>
        <p class="city">上海</p>
      <!-- 如果要给标签设置多类,则多个值中间用空格隔开-->
        <span class="city name">天津</span>
      
      
    • /* css */
      
      /* 使用类选择器的时候, 使用 .类名 的方式选中*/
      /* 给所有的city类 设置颜色为红色 */
      .city {
        corlor:red;
      }
      /* 给所有的name类 设置字体大小*/
      .name {
        font-size:33px;
      }
      

元素的class值属于不需要带 符号. , 但是CSS的类选择器要带 符号. , class的值是我们自定义的,不能使用纯数字、中文或者以及数字开头,尽量使用英文和数字的组合,若多个单词组成使用-做连接,例如left-menu

ID选择器
  • ID选择器:根据标签的ID属性值,精准的选中某个元素

  • 语法

    • <!-- 给该P标签 设置一个ID值 -->
      <p id="on-city"> 北京 </p>
      
    • /* 使用符号#和ID值 来命中元素 */
      #on-city {
        font-size:33px;
      }
      

id 属性值尽量由字母、数字、下划线或者短杠组成,不能以数字开头,最好以字母开头,不能包含空格,区分大小写

一个元素只能拥有一个ID属性,多个元素的ID属性值不能相同

一个元素可以同时拥有id和class属性

复合选择器

交集选择器
  • 选中同时符合多个条件的元素,且的关系

  • 语法 选择器1选择器2选择器3...{}

  • 示例

    •   <h3 class="city">北京市</h3>
        <h3 class="city">天津市</h3>
        <p class="city on" id='home'>东城区</p>
        <p class="city">滨河区</p>
      
    • /* 所有的city设置为红色*/
          .city {
            color: red;
          }
      /* 所有p标签里面且为city类的标签设置为绿色*/
          p.city {
            color: green;
            ;
          }
      
      /* P标签里面归属为city类 并且ID为home的标签设置为蓝色 */
      p.city#home {
        color:blue;
      }
      /* 即是city类 又是on类的属性 设置为黄色*/
      .city.on {
        color:yellow;
      }
      
  • 注意事项

    1. 有标签名情况下,表前面必须写在前面

    2. id选择器可以作为交集的条件,但是实际应用中几乎不用,因为id本身就是唯一选择,可以直接命中元素

    3. 交集选择器不能出现两个元素选择器,因为一个元素不可能即是p又是span

    4. 用的最多的交集选择器是元素选择器配合类名选择器,例如 p.city

并集选择器
  • 并集选择器选中多个选择器对应的元素,或者的关系,又称分组选择器

  • 语法选择器1,选择器2,...{},多个选择器通过,连接

  • 示例:

    • /* city类、id值为home、name类 的背景颜色设置为粉色 */
      .city,
      #home,
      .name {
        background-color: pink;
      }
      
  • 注意事项:

    1. 并集选择器多个选择器可以横在一行,也可以竖着写,一般竖着写,语法清晰
    2. 任何形式的选择器,都可以作为并集选择器的一部分
    3. 并集选择器通常用于集体声明,可以缩小样式表体积

关系选择器

HTML的元素关系
父元素
  • 直接包裹某个元素的元素,就是该元素的父元素

  • <div>
    
      <h1 页面标题 </h1>
      <ul>
        <li>导航</li>
        li>导航</li>
      </ul>
    
    </div>
    
    <!-- 
    上述标签,div包裹着h1和ul,那么div就是ul和h1的父元素
    ul包裹着li,ul就是li的子元素
    
    -->
    
子元素
  • 被父元素直接包含的元素
  • 上述代码,h1和ul就是div的子元素,li就是ul的子元素
祖先元素
  • 父元素的父元素.....,一直往外层找,都是祖先元素
  • 代码中,div就是li的祖先元素,如果外面还有其他标签,也是祖先元素
  • 父元素也算是祖先元素的一种
后代元素
  • 子元素的子元素......,一直往里找,都是后代元素
  • 子元素也是后代元素的一种
兄弟元素
  • 具有相同父元素的元素,互为兄弟元素
  • 代码中h1ul就互为兄弟元素
后代选择器
  • 选中指定元素中,符合要求的所有后代元素

  • 语法:`选择器1 选择器2 .. {} ,多个选择器用空格隔开,先写祖先,再写后代

  • 示例:

    • <!-- html -->
      
        <div class="city">
          <ul>
            <li class="beijing">北京</li>
            <li>上海</li>
            <li><a href="#">地图</a></li>
          </ul>
      
        </div>
      
      
    • /* css */  
          
      /* 选中div中的ul中的所有li */
       div ul li {
         color: #000;
       }
          
       /* 选中div中的所有a,跳过ul和li,a也是div的后代元素 */
       div  a {
         color: #000;
       }
       /* 选中类名city中的所有li元素 */
       .city li {
         color: #000;
       }
       /* 选中类名city中的 所有类名为beijing里的所有li */
       .city .beijing li{
         color: #000;
       }
          
      
    • 注意事项:

      1. 后代选择器最终选择的都是后代,不选中祖先

      2. 一层、多层嵌套的后代,都是后代

      3. 使用后代选择器时,不需要从代码最外层的结构开始,只要符合关系要求即可

子代选择器
  • 选中指定元素中,符合要求的子元素,先写父,再写子

  • 子代选择器又称子元素选择器、子选择器

  • 语法:选择器1>选择器2>...{} 多个选择器用>隔开

  • 示例

    • <div>
        <a href="#">张三</a>
        <a href="#">李四</a>
        <a href="#">王五</a>
        <p>
          <a href="#">赵六</a>
          <div class="last">
            <a href="#">爱丽丝</a>
          </div>
        </p>
      </div>
      
      
    • /* 选中div的子元素中的a标签 ,其中p标签中的a标签不会选中,因为和div的关系属于后代元素*/
         div>a {
           color: #000;
         }
       
         /* 选中p标签中的a标签 */
         p>a{
           color: blue;
         }
       
         /* 选中div的子元素中的p标签的子元素a标签 */
         div>p>a{
           color: #000;
         }
         /* last类中的子元素中a标签 */
         .last>a{
           color: #000;
         }
      
    • 注意事项:

      • 子代选择器最终选择的是子代,不是其中的父级
兄弟选择器
相邻兄弟选择器
  • 选中指定元素后,符合条件的相邻兄弟元素

  • 相邻的概念是紧挨着他的下一个,仅一个,不会向上相邻,如果中间有间隔其他元素,也不会选择

  • 语法: 选择器1+选择器2

  • 示例:

    • <body>
      
        <div>title</div>
         <a href="#">阿里巴巴</a>
         <a href="#">字节跳动</a>
         <p>京东</p>
      
      </body>
      
    • /* 选中div下面的第一个a标签,阿里巴巴 */
      div+a{
       color: #000;
      }
      /* 选中除了第一个li外的所有li,因为第二个li是第一个的相邻兄弟,第三个是第二个的项链兄弟 */
      li+li{
       color: #000;
      }
      
通用兄弟选择器
  • 选中指定元素后,符合条件的所有兄弟元素,不会选中向上的元素,如果元素中间间隔了其他元素,则不会选中

  • 语法:选择器1~选择器2{}

  • 示例

    • /* div后的两个a标签都选中,不包含div */
        div~a {
          color: #000;
        }
      

属性选择器

  • 选中属性值符合要求的元素

  • 语法,一共有五种:

    1. [属性名],选中具体某个属性的元素
    2. [属性名="属性值"],选中包含某个属性,且属性值等于指定值的元素
    3. [属性值^="值"],选中包含某个属性,且属性值以指定的值开头的元素
    4. [属性值$="值"],选中包含某个属性,且属性值以指定的值结尾的元素
    5. [属性值*="值"],选中包含某个属性,且属性值包含指定的值的元素
  • 示例

    • <div title="beijing">北京</div>
      <div title="shanghai">上海</div>
      
    • /* 选中具有title属性的所有元素,前两个div,不管属性的值是什么,只要有该属性就选中 */
        [title]{
          color: #000;
        }
      
        /* 选中属性为title,并且属性值会shanghai的元素,即第二个div */
        [title="shanghai"] {
          color: #000;
        }
      
        /* 选中有title属性,且title属性值是以字母b开头的元素 */
        [title^='b'] {
          color: #000;
        }
      
         /* 选中有title属性,且title属性值是以字母i结尾的元素 */
        [title$='b'] {
          color: #000;
        }
      
        /* 选中有title属性,且属性值包含字母b的元素 */
        [title*='b'] {
              color: #000;
            }
      

伪类选择器

伪类选择器概念
  • 什么是伪类

    • 很像类,但不是类,是元素特殊状态、位置或者条特定条件,一种用于选择元素的特殊选择器。允许根据元素的状态、位置或其他特定条件来选择元素,并为其应用样式

    • 伪类选择器以冒号:开头,紧跟着伪类的名称。它们可以与元素选择器、类选择器、ID选择器等其他选择器结合使用,以更精确地选择元素

  • 概念示例

    • 假设有两个超链接,点击过的超链接需要变成红色,没有点击过的超链接变成蓝色,对于这两种状态进行样式设置

动态伪类

动态伪类选择器根据元素的状态或用户的交互来选择元素

  1. a:link:超链接未被访问的状态,只有超链接可以使用

  2. a:visited:超链接访问过的状态,只有超链接可以使用

  3. 元素:hover:鼠标悬停在元素上的状态,所有元素都可以使用

  4. 元素:active:元素激活(鼠标点击下未松开)的状态,所有元素都可以使用

  5. 元素:focus:获取焦点的元素,点击、快捷键、触摸等方式选择元素时,就是获取焦点,只有表单类元素才能使用

  6. 注意事项:

    • 前四个选择器同时使用的时候注意编写优先级,从上到下依次是link、visited、hover、active
    • 因为同一个操作可能会有多个行为状态,顺序不对会出现覆盖样式的情况
  7. 使用示例:

    • /* 选中没有访问过的a元素 */
      a:link {
        color: blue;
      }
      
      /* 选中访问过的a元素 */
      a:visited {
        color: red
        ;
      }
      
      /* 选中鼠标悬浮状态的a元素 */
      a:hover {
        color: yellow;
      }
      
      /* 选中激活状态(鼠标点击后没有放开)的a元素 */
      a:active {
        color: peru;
      }
      
      /* 选中获取焦点的input元素 */
      input:focus {
        background-color:burlywood;
      }
      
结构伪类

结构伪类选择器根据元素在文档结构中的位置来选择元素,和其他选择器配合使用

  1. :first-child:所有子元素中的第一个

  2. :last-child:所有子元素中的最后一个

  3. :nth-child(n):所有子元素的第n个

  4. :first-of-type:所有同类型子元素的第一个

  5. :last-of-type:所有同类型子元素的最后一个

  6. :nth-of-type(n):所有同类型子元素的第n个

  7. :nth-last-child(n):所有子元素的倒数第n个,与序号3是反序

  8. :nth-last-of-type(n):所有同类型子元素的倒数第n个,与序号6是反序

  9. :only-child:选择没有兄弟的元素,即该父类只有他一个子元素

  10. :only-of-type:选择没有同类型兄弟元素的元素

  11. :root:选中页面根元素

  12. :empty:选中内容为空的元素(空格也算内容)

  13. 常用(前6)结构伪类使用示例:

    • 作用域是全部子元素

      • /* 选中div的子元素中的P元素的第一个,如果div的第一个子元素不是P,则无法选中,作用域是div的直系所有子元素,不管是不是P标签 */
        div>p:first-child {
          color: #000;
        }
        
        
        /* 选中div的后代p元素,p的父元素是谁无所谓,但是p必须是其父元素的第一个子元素 */
        div p:first-child {
          color: #000;
        }
        
        /* 父元素的第一个子元素,且为P元素,就被选中 如果第一个元素不是p则不会有选中*/
        p:first-child {
          color: antiquewhite;
        }
        
        
        /* 选中的是div所有的子元素的最后一个,且必须最后一个子元素是P */
        div>p:last-child {
          color: aqua;
        }
        
        
        /* 选中的是div所有子元素的第一个且为P元素,1是下标,下标从1开始而不是0,如果第一个元素是是a,那么1则选不中,用2可以选中 */
        div>p:nth-child(1) {
          color: yellowgreen;
        }
        
        /* 也可以写表达式,表达式格式用n计数,n是正无穷整数,从0开始,比如2n (0*2=0,1*2=2,2*2=4),选中偶数,2n+1选中奇数(2*0+1=1,2*1+1=3),用内置表示 even是选中偶数,odd选中奇数,选中前五的话就是-n+5 (-0+5=5,—1+5=4类推),表达式根据场景编写,要注意格式必须为某n + 值,或者某n,不能值+某n
        如果对应的元素不是对应的子类标签,则不会选中,根据规则把符合要求且为对应元素的标签选中
        
        */
        
        div>p:nth-child(2n) {
          color: yellowgreen;
        }
        
    • 作用域是同类型子元素

      • /* 选中div的P标签子元素中第一个,作用域是所有同类型子元素,而不是所有子元素,如果子类依次是a、span、p、p,则选中第一个p */
        div>p:first-of-type {
          color: aqua;
        }
        /* 选中div同类型子元素的最后一个,即所有P标签的最后一个P标签,作用域是所有同类型子元素,而不是所有子元素 */
        div>p:last-of-type {
          color: aqua;
        }
        
        /* 选中div同类型子元素的第三个,即第三个P标签,作用域是所有同类型子元素,而不是所有子元素 表达式逻辑与nth-child一致 */
        div>p:nth-of-type(3) {
          color: #000;
        }
        
否定伪类

用于选择不符合指定条件的元素,以:not()的形式表示,后面跟着一个选择器参数,用于指定不希望选择的元素


/*  选中div的子元素中的p元素,但是排除类名是fail的 */
div>p:not(.fail)
 {
  color: rebeccapurple;
 }

 /* 选中div的子元素的p元素,但是排除title属性值是beijing的 */

 div>p:not([title="beijing"]) {
  color: #000;
 }

/* 选中div的子元素的p元素,排除第一个p元素 */
div>p:not(:first-child){
  color: #000;
}

 /* 否则伪类可以使用任意选择器进行排除,语法正确即可 */

UI伪类

UI状态伪类选择器,用于选择处于某种状态下的UI元素,主要用于HTML表单上,根据表单元素的不同状态,定义不同的样式,来增强用户体验

UI状态伪类选择器的特征:指定的样式只有在某种状态下才起作用

表单元素的状态包括获得焦点、失去焦点、选中、未选中、可用、不可用、有效、无效、必填、选填、只读等等

  • 常用的UI伪类

    • :checked:被选中的复选框或者单选按钮

    • :enable:可用的表单元素,没有设置disabled禁用属性

    • :disabled:不可用的表单元素,设置了disabled禁用属性

  • 比较详细的UI伪类文章

<input type="checkbox">
<input type="radio">
 /* 单选或者复选框被选中的时候 */
 input:checked {
  width: 100px;
  height: 30px;
 }

 /* 选中被禁用的Input元素 */
input:disabled{
  background-color: gray;
}

目标伪类
  • :target:选中锚点所指向的元素
    <!-- 设置跳转锚点 -->
    <a href="#first">第一个</a>
    <a href="#last">第二个</a>

    <div id="first">first</div>
    <div id="last">last</div>
/* 当使用锚点跳转对对应元素的时候,将颜色设置为红色 */
  div:target{
    color:red;
  }
语言伪类

:lang(),根据指定的语言选择元素,如果元素没有单独设置lang,默认是hmlt标签的默认值<html lang="zh">

      <!--设置语言为英文  -->
    <div lang="en">BeiJing</div>
    <div lang="en">北京</div>
/* 选中div并且lang属性设置的是en */
div:lang(en){
  color: red;
}

/* 选中所有设置lang属性是en的元素 ,如果html默认语言设置为en,则选中没有单独设置lang的所有元素*/
:lang(en){
  color: red;
}

伪元素选择器

伪元素:很像元素,但是不是元素,是元素的一些特殊位置

常用伪元素:

  • ::first-letter:选中元素中的第一个文字
  • ::first-line:选中元素中第一行文字
  • ::selection:选中被鼠标选中的内容
  • ::placholder:选中输入框的提示文字
  • ::before:在元素最开始的位置,创建一个子元素,用content指定内容,也可以设置其他样式
  • ::after:在元素最好的位置,创建一个子元素,用content指定内容,也可以设置其他样式
<div>Lorem, ipsum dolor.</div>

<input type="text" placeholder="默认值">
<p>999</p>
<p>888</p>
/* 选中的是div中的第一个文字 */
div::first-letter {
  color: red;
  font-size: 30px;
}

/* 选中的div中的第一行 */
div::first-line {
  color: yellow;
}  
/* 选中div中被鼠辈选择的文字 */
div::selection {
  background-color: gold;
}
/* 选中input中的提示文字  */
input::placeholder {
  color: #000;
}

/* 在p标签的内容之前 创建一个子元素,*/
p::before {
  content: "$";
}

/* 在p标签的内容之后 创建一个子元素 */
p::after {
  cursor: ".00";
  color: yellow;
}

选择器优先级

简单选择器从高到低优先级:

  • !important,在属性值后面设置,标明该样式优先级为最高

    • .slogan {
        color: pink !important;
      }
      /* 给哪个样式加 !important 只是代表该样式优先级最高,而不是选择器优先级最高 */
      
  • 行内样式

  • ID选择器

  • 类选择器

  • 元素选择器

  • 通配选择器

  • 继承的样式

复杂组合选择器通过计算权重决定优先级:

  • 计算条件格式(a,b,c)依次对应下面1、2、3
    1. ID选择器的个数
    2. 类、伪类、属性选择器的个数
    3. 元素、伪元素选择器的个数
  • 权重比较规则:
    • 比如两个选择器权重格式为 (1,0,0) 和 (0,2,2)
    • 从左向右依次比较,当前位胜出之后,不会比较后面,则(1,0,0) > (0,2,2)
    • 注意点:并集选择器中每一个部分是分开计算的

如果两个CSS选择器的权重一样,那么后面出现的选择器将具有更高的优先级。这意味着后面的选择器将覆盖先前的选择器的样式

CSS三大特性

层叠性

如果发生了样式冲突,那么就会根据一定的规则(选择器优先级),进行样式的层叠(覆盖)

继承性
  • 元素会自动拥有其父元素、或者祖先元素上设置的某些样式

  • 继承规则是优先继承距离近的样式

    • 常见的可继承样式有color、font-xxx、line-xxx等等,比如div设置了颜色为红色,其中有个p标签,默认颜色也会是红色
  • 可以参考mdn网站,查看Properties中的具体属性可继承描述是否为可继承属性

优先级
  • 选择器的优先级,用来确定在多个选择器应用于同一个元素时,哪个选择器的样式将被应用的规则。CSS的优先级是根据选择器的特定性和来源来计算

CSS选择器大全文章来源地址https://www.toymoban.com/news/detail-748195.html

到了这里,关于CSS选择器大全的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 论文阅读-AFLNET:一种用于网络协议的灰盒模糊器

    现有服务器模糊测试的困难性: 服务器具有庞大的状态空间 服务器的响应依赖于当前消息和内部服务器状态 现有模糊测试方法在处理服务器模糊测试时的局限性 协议规范和实际协议实现之间的不匹配 AFLNet的创新(解决问题): 变异方法:AFLNet采用了变异方法,通过对初始

    2024年02月07日
    浏览(50)
  • NodeFormer:一种用于节点分类的可扩展图结构学习Transformer

    图神经网络已经被广泛研究用于利用互连数据进行学习。尽管如此,最近的证据表明,GNN的缺陷与过度挤压、异质性、处理长程依赖性、边缘不完全性有关,尤其是完全没有图。虽然一个合理的解决方案是学习用于消息传递的新的自适应拓扑,但有关二次复杂性的问题阻碍了

    2024年02月11日
    浏览(63)
  • Elasticsearch:ESQL 简介 — 一种用于灵活、迭代分析的新查询语言

    作者:Seth Payne 特别声明 :截止撰写该博文,在目前的公开发行版中,该功能还不能公开测试。这个功能将在未来的发行版中发布。 长期以来,Elastic Platform 一直被视为搜索用例和机器生成数据的分析系统。 分析专注于处理摄入的数据,其中重要的思想是如何在 Elasticsearch

    2023年04月23日
    浏览(34)
  • iFluor 594 Styramide是一种荧光染料,常用于生物分子标记和成像

    试剂 | 基础知识概述(部分): 中文名称:Alexa Fluor 594酪Styramide 分子量:1341.71 胺的优异替代品 100 Slides 英文名称:iFluor 594 Ex (nm):588 Em (nm):604 规格标准:1g,5g,10g,可提供mg级以及kg级的产品开发服务 试剂 |  包装:   试剂 | 反应机理(部分): iFluor 594 Styramide是一种荧光

    2024年02月11日
    浏览(46)
  • 文献学习-14-一种用于高精度微创手术的纤维机器人

    Authors: Mohamed E. M. K. Abdelaziz1,2 †, Jinshi Zhao1,3 †, Bruno Gil Rosa1,2 , Hyun-Taek Lee4 , Daniel Simon3,5 , Khushi Vyas1,2 , Bing Li6,7 , Hanifa Koguna3 , Yue Li1 , Ali Anil Demircali3 , Huseyin Uvet8 , Gulsum Gencoglan9,10, Arzu Akcay11,12, Mohamed Elriedy13, James Kinross14, Ranan Dasgupta15, Zoltan Takats3,5 , Eric Yeatman2 , Guang-Zhong Yang16

    2024年03月10日
    浏览(71)
  • BO(Business Object)是一种用于表示业务对象的设计模式

    BO是 Business Object 的缩写,是一种用于表示业务对象的设计模式。在Java中,BO的主要作用是 封装业务逻辑 ,实现业务流程的可重用性和可维护性。 BO主要有以下几个作用: 实现业务逻辑的封装:将业务逻辑封装在BO对象中,可以方便地对业务逻辑进行管理和维护,实现业务流

    2024年02月05日
    浏览(54)
  • 第十章:重新审视扩张卷积:一种用于弱监督和半监督语义分割的简单方法

            尽管取得了显著的进展,弱监督分割方法仍然不如完全监督方法。我们观察到性能差距主要来自于它们在从图像级别监督中学习生成高质量的密集目标定位图的能力有限。为了缓解这样的差距,我们重新审视了扩张卷积[1]并揭示了它如何以一种新颖的方式被用于有

    2024年02月15日
    浏览(51)
  • 一种用于态势评估的安全数据处理系统(JSP+java+springmvc+mysql+MyBatis)

    本项目包含程序+源码+数据库+LW+调试部署环境,文末可获取一份本项目的java源码和数据库参考。   在复杂多变的安全环境中,对各种安全数据进行实时有效的态势评估对于保障国家安全、社会稳定和人民生命财产安全具有重要意义。然而,传统的安全数据处理系统往往存在

    2024年04月14日
    浏览(44)
  • 《一种改进的YOLOv5用于无人机捕获场景中的目标检测》论文笔记

           无人机图像处理中的目标检测逐渐成为近年来的研究热点。一般目标检测算法在应用于无人机场景时往往会显著下降。这是因为无人机图像是从高空拍摄的,分辨率高,小物体比例很大。为了在满足轻量化特性的同时提高无人机目标检测的精度,我们对YOLOv5s模型进行

    2024年02月02日
    浏览(47)
  • FTP(File Transfer Protocol,文件传输协议)是一种用于在网络上传输文件的协议

    FTP(File Transfer Protocol,文件传输协议)是一种用于在网络上传输文件的协议。它允许用户通过网络连接到远程计算机,并在本地计算机和远程计算机之间进行文件传输。 FTP分为两个主要角色:客户端和服务器。客户端是发起文件传输请求的计算机,而服务器是存放文件和响

    2024年02月05日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包