CSS

最新推荐文章于 2024-01-15 00:00:00 发布
最新推荐文章于 2024-01-15 00:00:00 发布
阅读量92 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45486059/article/details/106905891
版权
层次选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style>
        /*1.后代选择器*/
        /*body p{*/
           /*background: red;*/
        /*}*/

    /*    2.子选择器*/
        /*body >p{*/
            /*background: red;*/
        /*}*/
        /*3.相邻兄弟选择器 必须靠近 只取相邻的下面的*/
        /*.action +p{*/
            /*background: red;*/
        /*}*/
        /*4.通用兄弟选择器 会选择下面的所有指定的标签的兄弟选择器(对下不对上)*/

        /*.action~p{*/
            /*background: red;*/
        /*}*/
        /*.action~div{*/
            /*background: red;*/
        /*}*/
        #div~p{
            background: red;
        }


    </style>
</head>

<!--
1.后代选择器
2.子选择器
3.相邻兄弟选择器
4.通用选择器
-->


<body>


<p>p1</p>
<p>p2</p>
<p>p3</p>
<p class="action">p4</p>
<p>p5</p>

<div class="div">
    <p>p6</p>
    <p>p7</p>
    <p>p8</p>
</div>

<p>p9</p>

<div>
    <p>p6</p>
    <p>p7</p>
    <p>p8</p>
</div>

<div>

    <div  >
        <p id="div">p6</p>
        <p>p7</p>
        <p>p8</p>
    </div>

</div>


</body>
</html>
结构伪类选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*ul第一个*/
        ul li:first-child{
            background: red;
        }
        /*ul第二个*/
        ul li:last-child{
            background: green;
        }
        /*
        选中当前p元素的父级元素，选中父级元素的第一个（按照顺序）
        */
        p:nth-child(3){
        background: green;
         }
        /**/
        /*选中当前p元素的父级元素，选中下的第3个（按照类型）*/
        p:nth-of-type(3){
            background: yellow;
        }
    </style>


</head>
<body>
<li>1</li>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>


<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

</body>
</html>
属性选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .demo >a{
            float: left;
            display: block;
            height: 50px;
            width: 50px;
            border-radius: 10px;
            background: blue;
            text-align: center;/*居中*/
            color: gainsboro;
            text-decoration: none;/*去下划线*/
            font: bold 25px/50px Arial;
        }
        /*属性名，属性名=属性值（正则）*/

        /*存在id属性的元素*/
    /*  a[id]{
          background: yellow;
      }*/
        /*存在id指定属性的元素*/
        /*a[id=first]{*/
            /*background: #20ff72;*/
        /*}*/

        /*选贼class有links的*/
        /*
        =决定等于
        *=包含
        ^=以什么开头
        $=以什么结尾
        */
        /*a[class *="links"]{*/
        /*background: #20ff72;*/
        /*}*/

        /*选中那个href以image开头的元素*/
        /*a[href^=image]{*/
            /*background: #20ff72;*/
        /*}*/
        /**/
        /*选中href以jpg结尾的元素*/
        a[href$=jpg]{
        background: yellow;
        }
        
    </style>
</head>
<p class="demo">
    <a href="http://www.baidu.com" class="links item first" id="first">1</a>
    <a href="" class="links item active"  target="_blank" title="2">2</a>
    <a href="images/123.html" class="links item">3</a>
    <a href="image/123.png" class="links item">4</a>
    <a href="image/123.jpg" class="links item">5</a>
    <a href="abc" class="links item">6</a>
    <a href="abc.png">7</a>
    <a href="abc.jpg">8</a>
    <a href="abc.html">9</a>
    <a href="abc.txt"  class="links item">10</a>
</p>
<body>
</body>
</html>
字体样式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>
    /*font-family：字体
    font-size :字体大小
    font-weight:字体的粗细
    color：字体的颜色
    */

    body{
        font-family: Arial, 楷体;
        color: red;
    }
    h1{
        font-size: 50px;
    }
    .p1{
        font-weight: bold;
    }

</style>
<body>
<h1>故事介绍</h1>
<p class="p1">拥有财富、名声、权力，这世界上的一切的男人 “海贼王”哥尔·D·罗杰，在被行刑受死之前说了一句话，让全世界的人都涌向了大海。“想要我的宝藏吗？如果想要的话，那就到海上去找吧，我全部都放在那里。”，世界开始迎接“大海贼时代”的来临 。</p>
<p>时值“大海贼时代”，为了寻找传说中海贼王罗杰所留下的大秘宝“ONE PIECE”，无数海贼扬起旗帜，互相争斗。有一个梦想成为海贼王的少年叫路飞，他因误食“恶魔果实”而成为了橡皮人，在获得超人能力的同时付出了一辈子无法游泳的代价。十年后，路飞为实现与因救他而断臂的香克斯的约定而出海，他在旅途中不断寻找志同道合的伙伴，开始了以成为海贼王为目标的冒险旅程</p>



<p class="english">THEVALUEOFTIME　　baiTorealizethevalueofoneyear：Askastudentwhohasfailedafinalexam.Torealizethevalueofonemonth：Askamotherwhohasgivenbirthtoaprematurebaby.Torealizethevalueofoneweek：Askaneditorofaweeklynewspaper.Torealizethevalueofonehour：Asktheloverswhoarewaitingtomeet.Torealizethevalueofoneminute：Askapersonwhohasmissedthetrain，busorplane.Torealizethevalueofonesecond：Askapersonwhohassurvivedanaccident.Torealizethevalueofonemillisecond：AskthepersonwhohaswonasilvermedalintheOlympics.Timewaitsfornoone.Treasureeverymomentyouhave.</p>

</body>
</html>
文本样式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    /*text-indent：首行缩进
    em2个字
    line-height   行高和块的高度一样的话，就可以上下居中
    */
        .p1{
            font-size: 20px;
            text-indent: 2em;
            line-height: 30px;
            background: red;
        }

        p:nth-of-type(1){
            font-size: 20px;
            background: blue;
            line-height: 10px;
        }
        /*下划线*/
        .l1{
            text-decoration: underline;
        }
        /*中划线*/
        .l2{
            text-decoration:line-through;
        }
        /*上划线*/
        .l3{
            text-decoration:overline;
        }
    /*图片和文字的水平对齐*/
        #span,#image{
        vertical-align: middle;
        }
   /*超链接去下划线*/
        a{
            text-decoration: none;
        }
            /*10px 水平   -10px 垂直 2px 阴影半径*/

    </style>
    

</head>
<body>
<a href="http://www.baidu.com">百度一下</a>


<li class="l1">123123123</li>
<li class="l2">123123123</li>
<li class="l3">312313313</li>
<h1>故事介绍</h1>
<p>123</p>
<p class="p1">拥有财富、名声、权力，这世界上的一切的男人 “海贼王”哥尔·D·罗杰，在被行刑受死之前说了一句话，让全世界的人都涌向了大海。“想要我的宝藏吗？如果想要的话，那就到海上去找吧，我全部都放在那里。”，世界开始迎接“大海贼时代”的来临 。</p>
<p>时值“大海贼时代”，为了寻找传说中海贼王罗杰所留下的大秘宝“ONE PIECE”，无数海贼扬起旗帜，互相争斗。有一个梦想成为海贼王的少年叫路飞，他因误食“恶魔果实”而成为了橡皮人，在获得超人能力的同时付出了一辈子无法游泳的代价。十年后，路飞为实现与因救他而断臂的香克斯的约定而出海，他在旅途中不断寻找志同道合的伙伴，开始了以成为海贼王为目标的冒险旅程</p>


<p ><img src="image/a.jpg" alt="加载失败" title="爱你" id="image"> <span id="span">3123123123</span></p>
</body>
</html>
超链接伪类
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    /*默认的元素*/
    a{
        text-decoration: none;
        color: black;
    }
    /*鼠标悬浮的颜色*/
    a:hover{
        color:orange;
        font-size: 40px;
    }
    /*鼠标按住的状态*/
    a:active{
        color: green;
    }

/*阴影*/
    /*10px 水平   -10px 垂直 2px 阴影半径*/
    #money{
        text-shadow: red 10px -10px  2px;
    }

</style>
<body>

<a href="#">
    <img src="image/1.jpg" alt="加载失败">
</a>

<p>
    <a href="#">坚持就是胜利</a>
</p>
<p>
    <a  href="#">作者：戴宝华</a>
</p>
<p>
    <a id="money"  href="#">￥99</a>
</p>
</body>
</html>
列表
a{
    font-size: 18px;
    font-family: 楷体,Arial;
    text-decoration: none;
    color: gray;
}
a:hover{
    /*text-decoration:red;*/
    color:red;
    text-decoration: underline;

}
/*
list-style:none 去点
        circle 空心园
        decimal 数字*/
ul li{
    height: 30px;

    list-style: none    ;
}
#nav{
    color: gray;
    background: aliceblue;
    width:275px;
}
背景图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /* 边框：border: 1px  solid red; 1px ：大小 solid：实现 red:边框颜色*/
        div{
            width: 1000px;
            height: 600px;
            border: 1px  solid grey;
            background-image: url("image/1.jpg");/*默认是全部平铺的*/
        }
        .div1{
            background-repeat: repeat-x;/*横向平铺*/
        }
        .div2{
            background-repeat: repeat-y;/*纵向平铺*/
        }
        .div3{
            background-repeat: no-repeat;/*不平铺*/
            /*图片定位*/
            background-position: 163px -15px;
        }

        body{
            background-color: #FAACA8;
            background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);

        }

    </style>
</head>
<body>

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

</body>
</html>
盒子模型

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3l2yatfk-1592817183475)(C:\Users\20190831\AppData\Roaming\Typora\typora-user-images\image-20200621165322626.png)]

margin:外边距

padding：内边距

border:边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>
    /*body有一个默认的外边距，在这里设置为0*/
    h2,body,a,div,p{
      margin: 0px;
        text-decoration: none;
    }

    h2{
        font-size: 20px;
        background: yellow;
        text-align: center;
    }

    #box{
        width: 400px;
        border: 1px solid red;
    }
    form{
        background: yellow;
    }
    /*solid 实线  dashed 虚线*/
    div:nth-of-type(1) input{
        border: 1px solid black;
    }
    div:nth-of-type(2) input{
        border: 1px dashed red;
    }

    /*margin border语法差不多
    外边距

    margin  0 0 0 0 上下左右


    */
    #name{
    /*上下左右*/
        margin-top: 100px;
        margin-bottom: 100px;
        margin-left: 20px;
        margin-right: 20px;
    }


</style>
<body>


<div id="box">
    <h2>会员登陆</h2>

    <form action="#">
        <div id="name">
            <span>用户名：</span>
            <input type="text">
        </div>
        <div  > <span>密码:</span>
            <input type="text"></div>
        <div><button>登陆</button></div>
    </form>
</div>








</body>
</html>
圆角边框
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div:nth-of-type(1){
            width: 200px;
            border: 2px solid red;
            height: 200px;
            /*上下左右
                顺时针方向
                左上，右上 右下 左下

                圆圈：width=半径
            */


           /*border-radius: 100px 100px 0px 0px ;*/
            border-radius:200px 0 0 0 ;
        }
    img:nth-of-type(1){
        border-radius:240px ;
    }
        /*阴影*/
        div:nth-of-type(2){
            width: 200px;
            border: 2px solid red;
            height: 200px;
           /*阴影*/
            box-shadow: 10px 10px 100px yellow;
        }

        img:nth-of-type(2){
            /*居中，首先你必须是一个块元素，块元素有固定的宽度*/
            margin: 0 auto;
            border-radius:240px ;
            box-shadow: 10px 10px 100px yellow;
        }
    </style>
</head>
<body>
<div id="div1"></div>
<img src="image/2.jpg">

<div></div>
<div style="text-align: center">
<img src="image/2.jpg">
</div>
</body>
</html>
display
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>

        div ,body, ul ,li{
            margin: 0px;
        }

        /*
        block 块元素
        inline 行类元素
        inline-block 行类元素,但是可以在一行
        none 消失
        */
        #div{
            background: red;
        }
        p{

            width: 200px;
            height: 100px;
/*
            border: 1px  solid red;
*/
            display: inline-block;

            text-align: center;
        }



        /*span{*/
            /*width: 100px;*/
            /*height: 100px;*/
            /*border: 1px  solid red;*/
            /*display: inline-block;*/
        /*}*/

        ul{
            width: 100%;
            height: 100px;
            background: red;
        }
        p{
            display: inline;
        }

        li{
      /*      margin-top: 40px;*/
            list-style: none;
            display:  inline-block;
            margin-right: 33px;
            margin-top: 41px;


        }




    </style>


</head>
<body>


<ul>

    <li><a href="#">淘宝</a>/<a href="#">掏宝</a>/<a href="#">网上购物</a></li>
    <li><a href="#">网上交易</a>/<a href="#">在线交易</a>/<a href="#">交易市场</a></li>
    <li><a href="#">网上买</a>/<a href="#">网上卖</a>/<a href="#">购物网站</a></li>
    <li><a href="#">团购</a>/<a href="#">网上贸易</a>/<a href="#">安全购物</a></li>
    <li><a href="#">电子商务</a>/<a href="#">放心买</a>/<a href="#">供应</a></li>
    <li><a href="#">买卖信息</a>/<a href="#">一口价</a>/<a href="#">拍卖</a></li>

</ul>
</body>
</html>
浮动
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*
        float: right/left 右浮动 左浮动
        */

        /*
         clear: right右侧不允许浮动 left左侧不允许浮动 both 2侧不允许浮动
        */
        .div{
            width: 100px;
            height: 100px;
            background: red;
            display: inline-block;
            float: left;

            clear:both ;
        }
        p{
            width: 100px;
            height: 100px;
            background: red;
            display: inline-block;
            float: left;
            clear:both ;
        }


        label{
            width: 100px;
            height: 100px;
            background: red;
            display: inline-block;
            float: left;
            clear:both ;
        }

        /*父级元素的塌陷问题
       1.增加父级元素的高度
       2.增加一个空div,清除浮动
        
       3.overflow :hidden 隐藏 scroll
       4.在父类添加一个伪类
       */

        #fater{

            border: 1px solid black;
            width: 100%;
            overflow: hidden;

        }

    /*第四种方法     #fater:after{
            display: block;
            clear: both;
            content: "";
        }*/

    </style>


</head>
<body>

<div id="fater">
<div class="div">3123123</div>

<p>12312</p>
<label>12312231</label>

<!--
    <div class="clear"></div>
-->
</div>
</body>
</html>
相对定位
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>




        div{
            margin: 10px;
            padding: 5px;
            font-size: 12px;
            line-height: 10px;

        }
        #father{
                border: 1px solid black;

        }
        #first{
            border: 1px solid black;
            background: red;
            /*相对定位：相对于原来的位置.  position: relative;
            原来的位置会被保留
               */
            position: relative;
            top: -20px;
            left: 200px;

        }
        #second{
            border: 1px solid black;
            background: yellow;
            position: relative;
            right: 20px;
            bottom: 10px;
        }
        #third{
            border: 1px solid black;
            background: grey;

        }



    </style>



</head>
<body>

<div id="father">
    <div id="first">第一个</div>
    <div id="second">第二个</div>
    <div id="third">第三个</div>
</div>


</body>
</html>
绝对定位

定位：

1.没有父级元素的定位的前提下，相对于浏览器定位

2.假设父级元素存在定位，相对于父级元素进行偏移

3在父级元素类内移动。他如果不再标准的文档流中的话，原来的位置不会被保留。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            margin: 10px;
            padding: 10px;
        }

        #father{
            border: 2px solid black;
            position: relative;
        }

    #div1{
        height: 100px;
        text-align: center;
        background: red;
    }


    #div2{height: 100px;
        text-align: center;
        background: yellow;
        position: absolute;
        top: -100px;
    }


    #div3{height: 100px;
        text-align: center;
        background: green;}




    </style>



</head>
<body>


<div id="father">
    <div id="div1">1</div>
    <div id="div2">2</div>
    <div id="div3">3</div>
</div>

</body>
</html>
固定定位
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style>
        body{
            height: 1000px;
        }

        div:nth-of-type(1){
           width: 100px;
            height: 100px;
            background: red;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }
        div:nth-of-type(2){/*固定定位 一直固定在坐下，不一会因为滚动条改变而改变*/
            width: 100px;
            height: 100px;
            background: yellow;
            position: fixed;
            /*上下左右*/


            left: 0px;
            bottom: 0px;
        }

    </style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
zindex
div,body,li,ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#father{
    font-family: 楷体;
    font-size: 12px;
    line-height: 25px;
    width: 200px;
    border: 1px solid black;
    overflow: hidden;
    position: relative;
}

#name,#back{
    width: 200px;
    height: 25px;
    position: absolute;
    top: 274px;
}

#name{
    color: white;
    z-index: 2;/*层级概念，默认是0层，可以修改。相当于在第二层*/
}
#back{
   background: black;
    /*背景透名度  opacity: 0.5;*/
    /*opacity: 0.5;*/
}
qq_45486059
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS 样式优先级
08-04 2万+
什么是CSS优先级？
css投影
weixin_41824429的博客
10-08 6568
css投影
CSS表格
m0_57774967的博客
04-24 5562
一、表格边框 指定css表格边框，使用border属性 下面例子指定一个表格的th和td元素的黑色边框 html代码： css代码： 浏览器呈现效果： 注意：在上面的例子中的表格有双边框，这是因为表和th/td元素有独立的边界，为了显示一个表的单个边框，使用border-collapse属性 二、折叠边框 border-collapse属性设置表格的边框是否被折叠成一个单一的边框或隔开 html代码： css代码： ...
CSS 阴影效果
Dominic_W的博客
05-14 3万+
CSS中，通过text-shadow、box-shadow两个属性分别为文本和元素添加阴影效果。 CSS语法 box-shadow: h-shadow v-shadow blur spread color inset; 向元素添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。 h-shadow: 必需。水平阴影的位置，可以为负值 v-shadow:必需。垂直阴影的位置，可以为负值 blur:可选，阴影模糊的
CSS——rem
qq_48613863的博客
04-09 1万+
一、移动适配 1、什么是移动适配？ 答：就是当设备宽度不同的时候，网页元素的宽度和高度都要适配。 2、移动适配的两个解决方案。 rem：目前多数企业在用的解决方案; vw / vh：未来的解决方案。 两种都必须掌握！！！ 二、rem rem是移动适配的解决方案之一； rem就是一个单位； 回想之前学的单位，px不可以自动适配；百分比只能让宽自动适配，高还是要设置固定的值。 1、rem单位 是相对单位；rem单位是相对于HTML标签的字号计算结果；1rem = 1HTML字号大小。
CSS——less
qq_48613863的博客
04-09 8634
1、less简述 less就是简便书写css的工具，还是像写css那样写，只是有些比较简洁，可以写除法、选择器套选择器等等。保存.less文件，就会在同级别下自动生成.css文件。 在px单位转换到rem单位过程中，哪项工作是最麻烦的？ 答：除法运算。CSS不支持计算写法。解决方案：可以通过Less实现。 Less是一个CSS预处理器, Less文件后缀是.less； 扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力； 注意：浏览器不识别Less代码，目前阶段，网页要引入对应的CS
CSS遮罩层
weixin_44282093的博客
07-19 9231
css遮罩层
CSS中 设置( 单行、多行 )超出显示省略号
热门推荐
明天也要努力的博客
12-05 12万+
css设置超出显示省略号可分两种情况：但使用的核心代码是一样的：需要先使用 “overflow:hidden;” 来把超出的部分隐藏，然后使用“text-overflow:ellipsis;”当文本超出时显示为省略号。 思路： 1、使用 overflow:hidden; 语句不显示超过对象尺寸的内容，就是把超出的部分隐藏了； 2、使用 -webkit-line-clamp: 行数; 语句限制显示文本的行数； 3、使用 text-overflow:ellipsis; 语句用省略号“…”隐藏超出范围的文本 说明
【CSS】滚动条样式详解
NineWaited的博客
08-21 4万+
浏览器设置滚动条样式详解
28个炫酷的纯CSS特效动画示例（含源代码）
大剑师兰特的GIS世界
01-15 1万+
CSS是网页的三驾马车之一，是对页面布局的总管家，2024年了，这里列出28个超级炫酷的CSS动画示例，让您的网站更加炫目多彩。
bootstrap.css
01-27
bootstrap的css文件
cssgrid
03-30
cssgrid
CSS钢琴
03-02
CSS钢琴
main.css:用于开发HTML5 Boilerplate CSS文件main.css的存储库
04-13
使用安装： npm install main.css并从生成的node_modules/main.css/dist文件夹中node_modules/main.css/dist所需的内容用安装： yarn add main.css并从生成的node_modules/main.css/dist文件夹中node
“推荐系统”相关资源推荐
06-14
推荐了国内外对推荐系统的讲解相关资源
全渠道电商平台业务中台解决方案.pptx
06-14
全渠道电商平台业务中台解决方案.pptx
云计算企业私有云平台建设方案.pptx
06-14
云计算企业私有云平台建设方案.pptx
通过CNN卷积神经网络对盆栽识别-含图片数据集.zip
最新发布
06-14
本代码是基于python pytorch环境安装的。 下载本代码后，有个requirement.txt文本，里面介绍了如何安装环境，环境需要自行配置。 或可直接参考下面博文进行环境安装。 https://blog.csdn.net/no_work/article/details/139246467 如果实在不会安装的，可以直接下载免安装环境包，有偿的哦 https://download.csdn.net/download/qq_34904125/89365780 安装好环境之后， 代码需要依次运行 01数据集文本生成制作.py 02深度学习模型训练.py 和03pyqt_ui界面.py 数据集文件夹存放了本次识别的各个类别图片。 本代码对数据集进行了预处理，包括通过在较短边增加灰边，使得图片变为正方形(如果图片原本就是正方形则不会增加灰边)，和旋转角度，来扩增增强数据集， 运行01数据集文本制作.py文件，会就读取数据集下每个类别文件中的图片路径和对应的标签 运行02深度学习模型训练.py就会将txt文本中记录的训练集和验证集进行读取训练，训练好后会保存模型在本地
css
06-02
CSS（Cascading Style Sheets）是一种用于描述网页样式和排版的语言。通过 CSS，我们可以将网页内容和样式分离开来，从而使得网页的结构和样式更加清晰易于维护。 CSS 由三个部分组成： 1. 选择器（Selector）：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值