02.体验CSS以及Bootstrap框架

目录

CSS固定格式

1）style标签

2）div标签

3）span标签

 CSS属性

一、文字属性

1.规范文字样式的属性

2.规定文字粗细的属性

3.规定文字大小的属性

4.规范文字字体的属性

 二、文本属性

1.文本装饰属性

2.文本水平对齐属性

3.文本缩进属性

三、颜色属性

CSS选择器

1.标签选择器

2.id选择器

3.类选择器

4.后代选择器

5.子元素选择器

6.交集选择器

7.并集选择器

8.兄弟选择器

1）相邻兄弟选择器

2）通用兄弟选择器

CSS三大特性

继承性

层叠性

优先级 

important

CSS显示模式

块级元素和行内元素的区别

显示模式的转换

CSS背景

1.背景颜色（background-color）

2.背景图片（background-image）

3.背景平铺（background-repeat）

4.背景定位（background-position）

盒模型

1.边框属性（border）

2.内边距属性（padding）

3.外边距属性（margin）

4.盒子模型

5.行高

浮动

1.网页布局方式

     标准流排版方式

     浮动流排版方式

2.浮动元素脱标

3.浮动元素排序规则

4.浮动元素高度问题

5.清除浮动

Bootstrap框架

CSS固定格式

1）style标签

注：①style标签必须写在head标签内

       ②设置样式必须按照固定的格式来设置 key:value;

2）div标签

一般用于配合css完成网页的基本布局

3）span标签

一般用于配合css修改网页中的一些局部信息

div标签和span标签的区别

Ⅰ.div会单独占据一行，span不会

Ⅱ.div是一个容器级标签（可以嵌套其他所有标签），span是文本级标签（只能嵌套文字，图片，超链接）

容器级标签：div h ul ol dl li 

文本级标签：span p buis stong em ins del 

 CSS属性

一、文字属性
1.规范文字样式的属性

格式：font-style: ;

    italic 倾斜

    normal 正常（默认）

2.规定文字粗细的属性

格式： font-weight: ;

    bold 加粗

    bolder 更粗

    lighter 细线（默认就是细线）

3.规定文字大小的属性

格式：font-size: ;

注：一定要加单位

4.规范文字字体的属性

格式：font-family: ;

注：①如果取值是中文，需要用双引号或单引号括起来

       ②设置的字体必须是用户电脑里已安装的字体

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>2.1-CSS属性-文字属性</title>
    <style>
        p {
            font-style: italic;
            font-weight: bold;
            font-size: 30px;
            font-family: '宋体';
        }
        div {

        }
    </style>
</head>
<body>
    <p>我是段落1</p>
    <div>我是段落2</div>
</body>
</html>

 二、文本属性
1.文本装饰属性

格式： text-decoration: ;

underline 下划线

line-through 删除线

overline 上划线

none 什么都没有，常见用途为去除超链接的下划线

2.文本水平对齐属性

格式：text-align: ;

    left 左

    right 右

    center 中间

3.文本缩进属性

格式： text-indent: ;

注：带单位，一个em代表缩进一个文字的宽度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>2.2-CSS属性-文本属性</title>
    <style>
        p {
            text-decoration: underline;
            text-align: center;
            text-indent: 2em;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <p>我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1</p>
</body>
</html>

三、颜色属性

格式：color:;

取值：①英文

           ②rgb

           ③rgba（a表示透明度，取值在0-1，取值越小越透明）

           ④十六进制（本质就是rgb，其每两位）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>2.3-CSS属性-颜色属性</title>
    <style>
        p1{
            color: red;
        }
        p2{
            color: rgb(156,264,15);
        }
        p3{
            color: rgba(156,264,15, 0.5);
        }
        p4{
            color: #f34000; 
        }
    </style>
</head>
<body>
    <p1>我是段落1</p1>
    <p2>我是段落1</p2>
    <p3>我是段落1</p3>
    <p4>我是段落1</p4>

</body>
</html>

CSS选择器

1.标签选择器

注：①标签选择器选中的是当前页面的所有标签，而不能选中其中的某一个标签

       ②标签选择器不论藏的多深都能选中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.1-CSS选择器-标签选择器</title>
    <style>
        p {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <p>我是段落1</p>
    <p>我是段落2</p>
    <p>我是段落3</p>
    <p>我是段落4</p>
</body>
</html>

 

2.id选择器

注：①同一个界面中的id标签不可重复

       ②id名前加#

      ③每个标签只能一个id名

       ④id命名：由字母、数字、下划线组成；不能以数字开头；不能和标签名称重复

         （如果只是为了设置样式，一般不使用id，前端开发中id留给js使用）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.2-CSS选择器-id选择器</title>
    <style>
        #tag1 {
            color: #f34000; 
        }
        #tag2 {
            color: #26c012; 
        }
        #tag3 {
            color: #541eb8; 
        }
        #tag4 {
            color: #d61f74; 
        }
    </style>
</head>
<body>
    <p id="tag1">我是段落1</p>
    <p id="tag2">我是段落2</p>
    <p id="tag3">我是段落3</p>
    <p id="tag4">我是段落4</p>
</body>
</html>

3.类选择器

专门用来给某个特定的标签来设计样式

注：①同一个界面中的class标签可以重复

       ②class名前加.

       ③每个标签可以绑定多个class名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.3-CSS选择器-类选择器</title>
    <style>
        .tag1 {
            color: #f34000; 
        }
        .tag2 {
            color: #26c012; 
        }
        .tag3 {
            color: #541eb8; 
        }
        .tag4 {
            color: #d61f74; 
        }
        .ft {
            font-size: 30px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <p class="tag1">我是段落1</p>
    <p class="tag1">我是段落1</p>
    <p class="tag1">我是段落1</p>
    <p class="tag1">我是段落1</p>
    <p class="tag2">我是段落2</p>
    <p class="tag3">我是段落3</p>
    <p class="tag4 ft">我是段落4</p>
</body>
</html>

4.后代选择器

找到指定标签的所有后代标签，设置属性

注：①后代选择器必须用空格隔开

       ②只要最终放在标签中的都属于后代

       ③后代选择器不仅可以使用标签名称，还可以使用其他选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.4-CSS选择器-后代选择器</title>
    <style>
        #bbb p {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <div class="aaa" id="bbb">
        <p>我是段落1</p>
        <p>我是段落2</p>
        <p>我是段落3
            <p>sadfdfd</p>
        </p>
        <p>我是段落4</p>
    </div>

    <p>我是段落5（在外面）</p>
</body>
</html>

 

5.子元素选择器

找到指定标签的所有特定的直接子元素，设置属性

注：①子元素选择器只会查找儿子，不会查找其他被嵌套的标签

       ②子元素选择器之间用>符号连接，并且可以一直延续下去，不能有空格

       ③子元素选择器不仅可以使用标签名称，还可以使用其他选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.5-CSS选择器-子元素选择器</title>
    <style>
        .aaa>ul>li>p {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <div class="aaa" id="bbb">
        <p>我是段落1</p>
        <p>我是段落2</p>
        <ul>
            <li>
                <p>我是段落3</p>
                <p>我是段落4</p>
            </li>
        </ul>
    </div>

    <p>我是段落5（在外面）</p>
</body>
</html>

6.交集选择器

注：①选择器与选择器之间没有任何符号连接

用的不多，了解即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.6-CSS选择器-交集选择器</title>
    <style>
        p.nnn {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <div>
        <p>我是段落1</p>
        <p class="nnn">我是段落2</p>
        <p class="paragraph">我是段落3</p>
        <p class="paragraph">我是段落4</p>
        <div class="nnn">我是div标签</div>
    </div>

    <p>我是段落5（在外面）</p>
</body>
</html>

7.并集选择器

注：①选择器与选择器之间用，连接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.7-CSS选择器-并集选择器</title>
    <style>
        .paragraph1,.paragraph2 {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <div>
        <p>我是段落1</p>
        <p>我是段落2</p>
        <p class="paragraph1">我是段落3</p>
        <p class="paragraph2">我是段落4</p>
    </div>

    <p>我是段落5（在外面）</p>
</body>
</html>

8.兄弟选择器
1）相邻兄弟选择器

给指定选择器后面紧跟的那个选择器选中的标签设置属性

注：①选择器与选择器之间用+连接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.8-CSS选择器-相邻兄弟选择器</title>
    <style>
        h1+p {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <h1>我是标题</h1>
    <p>我是段落1</p>
    <p>我是段落2</p>

    <h1>我是标题</h1>
    <p>我是段落1</p>
    <p>我是段落2</p>
</body>
</html>

 

2）通用兄弟选择器

给指定选择器后面所有选择器选中的标签设置属性

注：①选择器与选择器之间用~连接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>3.9-CSS选择器-通用兄弟选择器</title>
    <style>
        h1~p {
            color: #f34000; 
        }
    </style>
</head>
<body>
    <h1>我是标题</h1>
    <p>我是段落1</p>
    <p>我是段落2</p>

    <h1>我是标题</h1>
    <p>我是段落1</p>
    <p>我是段落2</p>
</body>
</html>

CSS三大特性

继承性

给父元素设置一些属性，子元素也可以使用

注：①不是所有属性都能继承，只有以color/font-/text-/line开头的属性才能继承

        （a标签的文字颜色和下划线，h标签的文字大小不能继承）

       ②子元素指所有的后代

层叠性

即CSS处理冲突的一种能力

注：①层叠性只有在多个选择器选中同一标签，然后设置了相同属性，才会发生

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>4.2-CSS三大特性-层叠性</title>
    <style>
        p {
            color: #f34000; 
        }
        .pa {
            color: rgb(25, 0, 255);
        }
    </style>
</head>
<body>
    <div>
        <p class="pa">我是段落2</p>
    </div>
</body>
</html>

优先级 

如何层叠由优先级来决定

判断优先级的三种方法：

Ⅰ.看是否为直接选中（间接选中就是指继承）

如果是间接选中，则谁离目标近就听谁的

Ⅱ.相同选择器

如果是直接选中，则谁写在后面就听谁的

Ⅲ.不同选择器

如果是直接选中，则按照选择器的优先级来层叠

id>class>标签>通配符>继承>浏览器默认

important

用于提升某个直接选中标签的选择器1中的某个属性的优先级，可以将被指定属性的优先级提升为最高

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>4.4-CSS三大特性-!important</title>
    <style>
        #pd1 {
            color: rgb(25, 0, 255);
            font-size: 12px;
        }
        .pc2 {
            color: #f34000 !important;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div>
        <p id="pd1" class="pc1 pc2">我是段落2</p>
    </div>
</body>
</html>

CSS显示模式

在HTML中标签分为容器级和文本级标签

在CSS中标签分为块级元素和行内元素

块级元素和行内元素的区别

Ⅰ.块级元素

    独占一行

    如果没有设置宽度，则默认和父元素一样宽

    如果设置了宽高，则按照设置的来显示

Ⅱ.行内元素

    不会独占一行

    行内元素不能设置宽度和高度（默认和内容一样宽）

Ⅲ.行内块级元素

    能够使元素即不独占一行，又可以设置宽度和高度

显示模式的转换

设置元素的display属性

（display 取值，block 块级，inline 行内，inline-block 行内块级）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>显示模式</title>
    <style>
        div {
            background: red;
            /* display: inline; */
        }
    </style>
</head>
<body>
    <div>111111</div>
    <div>33333</div>
</body>
</html>

 消除 display: inline; 的注释

CSS背景

1.背景颜色（background-color）

在CSS用background-color:属性设置标签背景颜色

2.背景图片（background-image）

在CSS用 background-image: url()属性设置标签背景颜色

注：①图片地址必须放在url()中，可以使本地地址，也可以是网络地址

       ②如果图片的大小没有标签的大小大，那么会自动在水平和垂直的方向平铺和填充

       ③如果网页上出现了图片，那么浏览器会再次发出请求获取图片

3.背景平铺（background-repeat）

在CSS用background-repeat:属性设置背景的平铺方式

（repeat 默认，水平垂直都平铺，no-repeat 都不平铺）

（repeat-x只在水平方向平铺，repeat-y只在垂直方向平铺）

4.背景定位（background-position）

在CSS用background-position:属性设置背景图片的位置

（1）格式：background-position: 水平方向 垂直方向；

（2）取值：水平方向（left center right）

         垂直方向（top center bottom）

（3）像素：background-position:100px 200px（例）

         一定要加上单位

注：①同一个标签背景颜色和背景图片可以同时设置，但图片会覆盖颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>6-CSS背景</title>
    <style>
        div {
            border: 1px solid #333;
            width: 600px;
            height: 600px;
            background-color: rgb(49, 49, 175);
            background-image: url(./img/tx.png);
            background-repeat: repeat-x;
            background-position: center center;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

盒模型

1.边框属性（border）

即环绕在标签宽度和高度周围的线条

（1）格式：

              连写1.（同时设置四条边框）：border:宽度 样式 颜色;

              分写2.  border-top:同上

                          border-right:

                          border-bottom:

                          border-left:

             分写3.  border-width：上  右  下  左

                          border-style：

                          border-color：

2.内边距属性（padding）

边框与内容之间的距离

            连写1.padding:上 右 下 左

            分写2.padding-top: 其他位置同上

注：①给标签设置内边距之后，标签占有的宽度和高度会发生改变

       ②内边距也会有背景颜色

3.外边距属性（margin）

标签和标签之间的距离

            连写1.margin:上 右 下 左

            分写2.margin-top: 其他位置同上

4.盒子模型

一个比喻，HTML中的所有标签都是盒子

（1）内容的宽度和高度是通过标签的width/height属性设置的宽度和高度

（2） text-align: center;设置盒子中储存的文字/图片水平居中

           margin: 0 auto;设置盒子自己水平居中

5.行高

在CSS中所有的行都有自己的行高

注：①行高和盒子高不是同一个概念

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>7.1-盒模型-边框属性</title>
    <style>
        div {
            width: 600px;
            height: 600px;
            background-color: blueviolet;
            color: white;
            padding: 20px 50px 20px 40px;
            border: 10px solid #000;
            border-width: 2px 6p4px x 8px;
            border-color: red gold green blueviolet;
            border-style: dashed solid dashed solid;
            margin: 0 auto;
            margin-bottom: 10px;
        }
        .div2 {
            margin: 30px 20px 40px 20px;
            line-height: 600px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="div1">111111</div>
    <div class="div2">222222</div>
</body>
</html>

 

浮动

1.网页布局方式
     标准流排版方式

          浏览器的默认排版方式，其中有两种排版方式，一是垂直排版，二是水平排版

 （如果元素是块级元素，则垂直排版；如果元素是行内元素/行内块级元素，则水平排版） 

     浮动流排版方式

         是一种“半脱离标准流”的排版方式，只有一种排版方式，即水平排版

（只能设置某个元素左对齐或右对齐）

注：①浮动流中没有居中对齐（通过设置float:left/right;）

       ②在浮动流中不可以使用margin: 0 auto;

特点:

(1)在浮动流中是不区分块级元素/行内元素/行内块级元素的无论是级元素/行内元素/行内块级元素都可以水平排版

(2)在浮动流中无论是块级元素/行内元素/行内块级元素都可以设置宽高

2.浮动元素脱标

     脱离标准流

     当某一个元素浮动之后，那么这个元素看上去就像是被从标准流中删除了一样，这个就是浮动元素的脱标

（如果前面的一个元素浮动了，后面的一个元素没有浮动，这时前面的元素会盖住后面的一个元素）

3.浮动元素排序规则

在同一方向上的浮动元素：先浮动的元素会显示在前面，后浮动的显示在后面

在不同方向上浮动的元素：左浮动找左浮动，右浮动找右浮动

4.浮动元素高度问题

只有在标准流中内容的高度可以撑起父元素的高度

5.清除浮动

通过添加 overflow:hidden:

Bootstrap框架

Bootstrap4中文站 · 全球最流行的 HTML、CSS 和 JS 工具库。

Bootstrap v4 中文文档 · Bootstrap 是全球最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网

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

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

相关文章

[office] 如何才能用EXCEL打开dat文件- #微信#学习方法

[office] 如何才能用EXCEL打开dat文件- #微信#学习方法

如何才能用EXCEL打开dat文件? 方法&#xff1a; 1、打开EXCEL软件&#xff1b; 2、文件&#xff0c;打开&#xff0c;选择要转化的DAT文件&#xff1b; 3、在弹出的向导文件&#xff08;步骤1&#xff09;中&#xff0c;选择合适的文件类型&#xff08;按预览选择&#xf…
阅读更多...
纷享销客安全体系：安全运维运营

纷享销客安全体系：安全运维运营

安全运维运营(Security Operations,SecOps)是指在信息安全管理中负责监控、检测、响应和恢复安全事件的一系列运营活动。它旨在保护组织的信息系统和数据免受安全威胁和攻击的损害。 通过有效的安全运维运营&#xff0c;组织可以及时发现和应对安全威胁&#xff0c;减少安全事…
阅读更多...
VSCode搭建开发环境--从PyCharm到拥抱vscode

VSCode搭建开发环境--从PyCharm到拥抱vscode

VSCode搭建开发环境 前言安装扩展全局配置文件单个项目的配置快捷键 前言 最近自己的PyCharm Professional的License过期了&#xff0c;导致没有一个好的开发IDE&#xff0c;于是开始拥抱免费的Visual Studio Code啦。 当然&#xff0c;不可否认的是PyCharm对于开发Python来说…
阅读更多...
【产品研发】NPDP价值作用概述

【产品研发】NPDP价值作用概述

导读&#xff1a;本文结合个人实践和思考对NPDP的价值和作用做了概述说明&#xff0c;对于产品经理而言掌握NPDP的知识体系并且应用到实际工作中&#xff0c;这是非常有必要的。走出以往狭隘的产品研发工作认知&#xff0c;以开放心态学习国际化产品创新开发流程将极大提升产品…
阅读更多...
mysql工具----dbForgeStudio2020

mysql工具----dbForgeStudio2020

dbForgeStudio2020&#xff0c;除了基本的操作外&#xff0c;还具有可调试mysql存储过程的功能&#xff0c;是一个不可夺得的mysql软件工具。 本文的软件将简单介绍软件的安装方式&#xff0c;仅供学习交流&#xff0c;不可做它用。 1.安装软件&#xff0c;安装后&#xff0c…
阅读更多...
Flutter vscode环境如何进行真机测试

Flutter vscode环境如何进行真机测试

目录 1. 准备工作 1.1 安装Flutter和VS Code 1.2 安装必要的VS Code扩展 1.3 手机设置 2. 配置VS Code调试环境 3. 手机如何退出开发者模式 1. 准备工作 1.1 安装Flutter和VS Code 确保你已经在电脑上安装了Flutter SDK和VS Code。如果还没有&#xff0c;可以参考以下指…
阅读更多...
线性代数|机器学习-P9向量和矩阵范数

线性代数|机器学习-P9向量和矩阵范数

文章目录 1. 向量范数2. 对称矩阵S的v范数3. 最小二乘法4. 矩阵范数 1. 向量范数 范数存在的意义是为了实现比较距离&#xff0c;比如&#xff0c;在一维实数集合中&#xff0c;我们随便取两个点4和9&#xff0c;我们知道9比4大&#xff0c;但是到了二维实数空间中&#xff0c…
阅读更多...
Typesense-开源的轻量级搜索引擎

Typesense-开源的轻量级搜索引擎

Typesense-开源的轻量级搜索引擎 Typesense是一个快速、允许输入错误的搜索引擎&#xff0c;用于构建愉快的搜索体验。 开源的Algolia替代方案& 易于使用的弹性搜索替代方案 官网: https://typesense.org/ github: https://github.com/typesense/typesense 目前已有18.4k…
阅读更多...
注册自定义材质实现qgis里不同比例尺下材质不被拉升的效果

注册自定义材质实现qgis里不同比例尺下材质不被拉升的效果

前景提要&#xff1a; 在QGIS里的显示效果&#xff0c;用的是示例的/img/textures/line-interval.png材质图片。 下载示例 git clone https://gitee.com/marsgis/mars3d-vue-example.git 相关效果 比如材质是5像素&#xff0c;在1:100000万比例尺下&#xff0c;线显示的长…
阅读更多...
Django与MySQL：配置数据库的详细步骤

Django与MySQL：配置数据库的详细步骤

文章目录 Django-MySQL 配置配置完执行数据迁移&#xff0c;如果报错: Error loading MySQLdb module&#xff0c; Django-MySQL 配置 # settings.pyDATABASES {# 默认配置sqlite3数据库# default: {# ENGINE: django.db.backends.sqlite3,# NAME: BASE_DIR / db.sqli…
阅读更多...
【一百零九】【算法分析与设计】树状数组求解前缀最大值,673. 最长递增子序列的个数,树状数组求前缀区间最大值

【一百零九】【算法分析与设计】树状数组求解前缀最大值,673. 最长递增子序列的个数,树状数组求前缀区间最大值

树状数组求解前缀最大值 树状数组可以求解和前缀区间有关的问题,例如前缀和,前缀区间最值. 可以利用 l o g n log_n logn​的时间复杂度快速查找前缀信息. 利用树状数组查询前缀区间中最大值问题. 树状数组下标1位置存储arr数组下标1位置的最大值. 树状数组2位置存储arr数组1,…
阅读更多...
2024 cicsn SuperHeap

2024 cicsn SuperHeap

文章目录 参考沙箱存在protobuf逆向buy_booksee_bookreturn_bookedit_booksearch_book 思路exp 参考 https://hakuya.work/post/7 https://akaieurus.github.io/2024/05/20/2024%E5%9B%BD%E8%B5%9B%E5%88%9D%E8%B5%9Bpwn-wp/#SuperHeap https://blog.csdn.net/m0_63437215/art…
阅读更多...
html--圣诞树

html--圣诞树

将以下代码保存到txt文件中&#xff0c;并改名为xx.html <html> <head> <title>圣诞树</title> <meta charset"utf-8" > <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } div { margin: …
阅读更多...
Windows 找不到文件‘shell:sendto‘。请确定文件名是否正确后，再试一次

Windows 找不到文件‘shell:sendto‘。请确定文件名是否正确后，再试一次

执行“shell:sendto”命令的时候&#xff0c;报错&#xff1a;Windows 找不到文件’shell:sendto’。请确定文件名是否正确后&#xff0c;再试一次 解决办法&#xff1a; 在桌面新建一个记事本文件命名为fix.reg&#xff0c;注意后缀是reg&#xff0c;文件中填写以下内容&…
阅读更多...
常见机器学习概念

常见机器学习概念

信息熵 信息熵&#xff08;information entropy&#xff09;是信息论的基本概念。描述信息源各可能事件发生的不确定性。20世纪40年代&#xff0c;香农&#xff08;C.E.Shannon&#xff09;借鉴了热力学的概念&#xff0c;把信息中排除了冗余后的平均信息量称为“信息熵”&…
阅读更多...
课时149：项目发布_基础知识_项目交付

课时149：项目发布_基础知识_项目交付

1.1.1 项目交付 学习目标 这一节&#xff0c;我们从 基础知识、代码发布、小结 三个方面来学习 基础知识 简介 项目交付是一个涉及到多团队共同协作的事情&#xff0c;它包括 产品团队设计产品、研发团队开发产品、测试团队测试代码、运维团队发布代码和维护站点等工作。项…
阅读更多...
Bev 车道标注方案及复杂车道线解决

Bev 车道标注方案及复杂车道线解决

文章目录 1. 数据采集方案1.1 传感器方案1.2 数据同步2. 标注方案2.1 标注注意项2.2 4d 标注(时序)2.2.1 4d标签制作2.2.2 时序融合的作用2.2.2.1 时序融合方式2.2.2.2 时序融合难点2.2.2.2 时序实际应用情况3. 复杂车道线解决3.1 split 和merge车道线的解决3.2 大曲率或U形车道…
阅读更多...
56.WEB渗透测试-信息收集- 端口、目录扫描、源码泄露（4）

56.WEB渗透测试-信息收集- 端口、目录扫描、源码泄露（4）

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 内容参考于&#xff1a; 易锦网校会员专享课 上一个内容&#xff1a;55.WEB渗透测试-信息收集- 端口、目录扫描、源码泄露&#xff08;3&#xff09; 如果把文…
阅读更多...
数据挖掘--数据仓库与联机分析处理

数据挖掘--数据仓库与联机分析处理

什么是数据仓库 &#xff08;面集时非&#xff09; 面向主题的&#xff1a;围绕某一主题来构建集成的&#xff1a;图片文字杂糅在一起时变的&#xff1a;随时间变化的数据非易失的&#xff1a;硬盘存放&#xff0c;不易丢失 操作数据库系统&#xff08;OLTP)与数据仓库(OLAP…
阅读更多...
原力、百度、人人文档下载工具

原力、百度、人人文档下载工具

只可下载可预览的文档&#xff0c;格式为pdf&#xff0c;不能完全保证下载成功&#xff0c;X度与我们既是对手也是朋友。 本文的软件来自的大神&#xff0c;仅供学习交流&#xff0c;不可做它用。 向的大神致敬&#xff01;&#xff01;&#xff01;
阅读更多...
最新文章

Copyright @ 2022~2023