2-1div、span、ul、ol、li 标记及css的调用方式

最新推荐文章于 2025-05-23 13:28:02 发布
最新推荐文章于 2025-05-23 13:28:02 发布
阅读量1.8k 收藏 6
点赞数 1
CC 4.0 BY-SA版权
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Grady_Ne/article/details/78307137
本文详细介绍了CSS的基本概念，包括常见的HTML标记如div、span等的使用方法，CSS的调用方式及选择器，以及具体的样式设置如边框、布局属性等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

知识点：

         一、  div 、span、 ul、 ol、 li  标记

         二 、css概述

         三、css的调用方式

         四、css的选择器

         五、css中具体的样式

         六、 demo 当当网页


一、 div、span、ul、ol、li  标记

         常用的web2.0思想中的标记

          1、div

                    注意：div独占一行

          2、span

          3、ul、ol 一组

                  <ul  type="square 正方形 circle圆圈 disc实心点">  无序列表

                       <li>今天天气不错</li>

                       <li>明天天气也不错</li>

                       <li>后天天气仍然不错</li>

                  </ul>    

                 <ol  type="1 a i I">  有序列表

                       <li>今天天气不错</li>

                       <li>明天天气也不错</li>

                       <li>后天天气仍然不错</li>

                  </ol>             

   二 css概述

            1>什么是css

                    css层叠样式表     替代属性的 不用写在标记中   

                       实现 表现与结构分离, 便于管理，使页面整洁

            2->web2.0

                  table 架构页面

                   web2.0  div+css架构页面****

                   html5  css3   在web2.0思想上 添加了一些内容

三 css的调用方式

       1》css格式

           {样式名称: 样式值；样式名称: 样式值；样式名称: 样式值；样式名称: 样式值；............}

       2》html页面中如何调用css        表现和结构分离

             A标记上直接使用style属性来调用样式

                   <标记 style="样式名称：样式值;样式名称：样式值;样式名称：样式值;样式名称：样式值;.......">

                                  style属性所有标记都有

             B html页面中的内嵌样式

                          </head>
                                <style type="text/css">
                                </style>
                           <body>

             C 外部调用样式

                      index.html----->index.css 样式文件

                    <link href="index2.css" rel="stylesheet" type="text/css">

                     </head>之前

四、css选择器  在页面中找到元素

       1、使用选择器的格式

            选择器{样式名称：样式值;样式名称：样式值;样式名称：样式值;样式名称：样式值;...............}

       2、css中的六种选择器

              1》 通配选择器   选择页面上的所有元素

                    *{            }

              2》标记选择器

                     标记名称{      }  具有相同标记名称的元素

              3》 class 选择器 选中具有相同class 属性的元素

                      .className{        }       选择同类的不同名的元素

              4》  id选择器

                             #id{            }  选择具有相同id的元素

              5》 群组选择器:

                     #id,  .className  ,标记名称............{     }

              6》  派生选择器

                        父选择器  子选择器

  五、css中的具体样式

           1》 boder   width   height

              border: 粗细  solid(实线)  颜色  元素边框

               width: 像素值

               height: 像素值

           2》布局属性

                   padding：上 右 下 左 内边距 注意：padding会改变元素的内外宽度

                         padding-top: 像素

                         padding-right:像素

                         padding-bottom：像素

                          padding-left：像素

                    注意：padding : val;  表示上 右 下 左都是五十 。以 上和左 为主的位置。

               margin：外边距 上 右 下 左  注意：margin不会改变 外边元素的大小的

                            margin-top:像素

                            margin-right:像素

                            margin-bottom:像素

                            margin-left:像素

                      margin: 50px;    以上边 和 左边为主

                      margin: auto 水平居中****


                     float: left，right  浮动元素的。独占一行的特性消除掉（div具有独占一行的特性）

                      clear: both；   消除前后元素浮动所带来的影响的   

                      display: none 或block    控制显示隐藏元素的

          3》背景属性 ：

                 background-color:  背景色

                 background-image:url(img/1.png); 背景图 ：如果背景图的宽高小于元素的宽高 背景图横向和纵向平铺

                 background-repeat: no-repeat不平铺 repeat-x 横向平铺   repeat-y 纵向平铺

                  background-position:  x(正 向右  负 向左),  y(正 向下  负 向上):           调整背景图的位置

                 background:  color  image   repeat  附着方式   位置

          4》 字体属性：

                  font-size:  像素值  ：大小

                 color：颜色

                  font-style: normal    italic斜体

                            font-weight:  100------900    900==bold   字体的粗细

                  font-family: 文本书法体

                  text-align :    left  center right  水平位置

                  line-height: 行高

                  font： style  weight  size   line-height   famliy

         5》边框属性：

               border：1px solid #ff0000;

              单独指定哪个位置的边框：

               border-top: 粗细 线体 颜色

               border-right:粗细 线体 颜色

               border-bottom: 粗细  线体  颜色

               border-left: 粗细 线体 颜色

          6》列表

                    list-style:none;//消除列表前面的小黑点

                    list-style-image:url(img/1.png); 列表中的标识 ，可以是图片。

          7》其他的常用样式

                        text-decoration:文本修饰线  line-through  underline

                       四种状态： 超链接样式  伪类

                                   刷新状态                ：link{}-->不太支持  a  #id  .className{样式}

                                    鼠标移动上去的状态 ：hover{}

                                    鼠标单击的状态           :active{}

                                    单击过后的状态               :visited{}

               

                                      

               




[网络安全自学篇] 八十三.WHUCTF之CSS注入、越权、csrf-token窃取及XSS总结
杨秀璋的专栏
06-09 1万+
这是作者网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您喜欢，一起进步。前文分享了WHUCTF隐写和逆向题目，包括文字解密、图片解密、佛语解码、冰蝎流量分析、逆向分析。这篇文章将详细讲解一道CSS注入题目，包括CSS注入、越权、csrf-token窃取及CSP绕过，同时总结XSS绕过知识，希望对您有所帮助。第一次参加CTF，还是学到了很多东西。人生路上，要珍惜好每一天与家人陪伴的日子。感谢武汉大学，感谢这些大佬和师傅们（尤其出题和解题的老师们）~
《前端web开发-CSS3基础-1》
zhangjinajian759的博客
01-04 1412
行高可以用px设置，也可以用数字设置，如果用数字设置，表示当。
HTML资源与工具-div、span、ul、ol、a、img、form、button、h1、h2、h3
weixin_45876795的博客
09-13 511
HTML资源与工具 html在线验证：http://www.freeformatter.com/html-validator.html(该网站上还有很多别的工具) html在线格式化代码：http://www.cleancss.com/html-beautify/ W3School上的HTML基础教程：http://www.w3school.com.cn/html/index.asp Html5新特性（了解即可）：http://www.w3school.com.cn/html5/index.
Html中＜div＞＜/div＞标签和＜li＞＜/li＞标签的简单应用
ZLQiang_csdn的博客
06-04 4326
实现简单的鼠标的导航渐变和简单电器分类页面 我们知道<div></div>标签： <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。 <div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。 如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。 <div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table&g
CSS 列表样式完全解析：从 ul/ol 基础到自定义样式
waterlin2011的博客
05-23 629
掌握这些核心知识点，可以灵活地自定义列表样式，实现更丰富的布局效果。
CSS中的div和span标签
shwanglp的专栏
12-04 8881
今天学习了关于CSS中的div和span标签，下面来通过例子简单的介绍一下这几个标签怎么使用。 part1： div标签： 一般用于配合css完成网页的基本布局 span标签：一般用于配合css修改网页中的一些局部信息 二者的区别：div会单独的占领一行，而span不会单独占领一行；div是一个容器级的标签，span是一个文本级的标签 补充： 什么是容器级标签？ 什么是文本级标签？ 容
用Div标签替换ul和li标签
weixin_44617651的博客
05-14 574
使用 `` 标签可以替换 `` 和 `` 标签的功能，从而创建类似于列表的结构。下面是一个简单的示例，演示如何使用 `` 标签替换 `` 和 `` 标签：下面是我整理的接种解决方案，可以一起看看。
利用div、span、ul分别来实现99乘法表
StruggleBamboo的博客
01-16 590
99乘法表一、代码1.99乘法表不同方法的代码总结 一、代码 1.99乘法表不同方法的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> td{ border: 1px solid red; }
HTML书写表单div,03-HTML 列表、div、 span、表单
weixin_42315341的博客
06-29 476
一、列表：列表分为三种： 无序列表 有序列表 定义列表1.1 无序列表无序列表是用来表示一个列表的语义，并且每个项目和项目之间是不分先后的。ul:(unordered list) 无序列表li:(list item) 列表项所有的li不能单独存在，必须包裹在ul里面，反过来说ul的儿子不能是别的东西，必须只能有li,例如：中国的主要城市上海北京郑州杭州 ul标签的实际应用：可以做导航条(导航条通...
<!-- * @Author: luoxianbo combatzone@163.com * @Date: 2025-07-12 20:23:28 * @LastEditors: luoxianbo combatzone@163.com * @LastEditTime: 2025-08-03 16:32:25 * @FilePath: \VUE3-PROJECT\vite-project\src\components\tecHigLin\TecHigligInfo.vue * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> <template> <div class="parent-div"> <div class="left-cloums-div" v-show="leftShowFlag"> <div class="main-div"> <div> <h2>详细介绍</h2> </div> <div class="main-info-div"> <p> <span class="span-title">id </span> <span class="span-message">{{ tecDetil.id }}</span> </p> <p> <span class="span-title">名称 </span> <span class="span-message">{{ tecDetil.name }}</span> </p> <p> <span class="span-title">模块id </span> <span class="span-message">{{ tecDetil.type }}</span> </p> <p> <span class="span-title">模块名称 </span> <span class="span-message">{{ tecDetil.typeName }}</span> </p> <span class="span-title">内容</span> <div class="message-div" v-html="tecDetil.techigligmessage"></div> <div> <button class="gobackBt" @click="goBack">返回</button> </div> </div> </div> <div class="small-list-div"> <div class="small-list-div-div">子项目清单</div> <div class="list-div" id="listContainer"></div> </div> </div> <div class="right-cloums-div" v-show="!leftShowFlag"> <div class="small-list-div"> <div class="small-list-div-div">子项目清单</div> <div class="list-div" id="listContainer"></div> </div> <div class="small-detil-div">详情页面</div> </div> </div> </template> <script setup> import technologyTypeApi from "../../api/technologyTypeIndex.js"; import "@vueup/vue-quill/dist/vue-quill.snow.css"; import { ref, onMounted } from "vue"; //缓存内容引入 import { useRoute, useRouter } from "vue-router"; //详情接口返回数据承接声明 const tecDetil = ref({ id: "", name: "", type: "", typeName: "", techigligmessage: "", smalltecVOList: [], // 初始化为空数组 }); // 路由信息对象 const route = useRoute(); const router = useRouter(); const leftShowFlag = ref(true); //组件渲染函数 onMounted(() => { //调用详情接口函数 getTecDetil(route.params.id); }); //获取详情接口调用函数 const getTecDetil = (id) => { //情趣详情接口 technologyTypeApi.detail({ id: id }).then((res) => { tecDetil.value = res.data.data; const smallTecList = res.data.data.smalltecVOList || []; console.log(typeof smallTecList); // 1. 获取列表容器 const listContainer = document.getElementById("listContainer"); // 2. 清空现有内容 listContainer.innerHTML = ""; let ulElement = document.createElement("ul"); ulElement.className = "el-class-name"; smallTecList.forEach((item) => { //创建ol标签 let elElement = document.createElement("ol"); elElement.innerText = item.title; elElement.addEventListener("click", () => { getSmallDetil(item.id); }); //将创建的ol标签加到ul标签中 ulElement.appendChild(elElement); }); // 4. 将ul添加到容器 listContainer.appendChild(ulElement); }); }; function getSmallDetil(id) { console.log("调用子项目详情查询接口", id); leftShowFlag.value = false; } //返回函数 const goBack = () => { router.push({ name: "TecHigligListName", }); }; </script> <style scoped lang="scss"> .left-cloums-div { display: flex; //弹性布局 justify-content: center; //水平居中 gap: 10px; //子元素间距 margin: 10px; height: 560px; } .right-cloums-div { display: flex; //弹性布局 justify-content: left; //水平居中 gap: 10px; //子元素间距 margin: 10px; height: 560px; } //子级元素布局 .main-div { flex: 1; height: 100%; } .small-list-div { flex: 0.3; height: 100%; weight: 100px; } p { margin: 10px; } .span-title { background-color: #bed2f0; font-size: 16px; //字号 font-family: Arial, sans-serif; //字体 font-weight: bold; //加粗 border: 1px solid #000; //边框 border-radius: 4px; //圆角 padding: 2px 5px; margin: 5px; } .span-message { background-color: #dde5f1; font-size: 16px; //字号 font-family: Arial, sans-serif; //字体 border: 1px solid #bdb6b6; //边框 border-radius: 4px; //圆角 padding: 2px 5px; } .message-div { background-color: rgb(163, 171, 167); margin: 5px; padding: 3px; height: 300px; width: 100%; overflow-y: auto; //当div的内容过多，则垂直滚动显示 } .small-list-div-div { background-color: #bdb6b6; width: 100%; border: 1px solid #bdb6b6; //边框 border-radius: 4px; //圆角 } .list-div { margin: 4px; width: 100%; height: 400px; } .li-class { background-color: rgb(118, 115, 115); } .gobackBt { width: 50px; height: 30px; background-color: brown; } </style> 分析这段代码，在点击left-cloums-div元素下的ol标签之后，right-cloums-div元素下的list-div列表没有数据，式什么原因，如何解决
最新发布
08-04
当点击left-cloums-div中的ol标签（即子项目清单中的某一项）时，会触发getSmallDetil函数，该函数将leftShowFlag设置为false，从而隐藏left-cloums-div，显示right-cloums-div。 4. 但是，在right-cloums-div中，...
Jquery使用css方法改变样式实例
12-10
- **举例3**：通过链式调用`css()`方法，依次设置了`div`元素的宽度、背景颜色和字体大小。这种链式调用是jQuery的一个特性，使得代码更紧凑。 总结来说，jQuery的`css()`方法是动态修改网页样式的重要工具，它可以...
e.target.innerHTML值为<div><div class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="_face_detect_next_"><div class="m-form-control content"><div class="content-video"><div class="ant-row video-wrap-div" style="row-gap: 0px;"><div class="video-wrap"><span><span role="img" class="anticon myicon-videoDefault myicon undefined"><svg viewBox="0 0 80 80" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 80px; height: 80px;"><path fill-rule="evenodd" clip-rule="evenodd" fill="#222" d="M72 40c0 6.627-5.373 12-12 12-6.628 0-12-5.373-12-12s5.372-12 12-12c6.627 0 12 5.373 12 12zm-21.004 0c0 4.973 4.031 9.004 9.004 9.004s9.004-4.031 9.004-9.004-4.031-9.004-9.004-9.004-9.004 4.031-9.004 9.004zM40 8c6.627 0 12 5.373 12 12s-5.373 12-12 12c-6.628 0-12-5.373-12-12S33.372 8 40 8zm0 21.004c4.973 0 9.004-4.031 9.004-9.004S44.973 10.996 40 10.996 30.996 15.027 30.996 20s4.031 9.004 9.004 9.004zM8 40c0-6.627 5.372-12 12-12 6.627 0 12 5.373 12 12s-5.373 12-12 12c-6.628 0-12-5.373-12-12zm21.004 0c0-4.973-4.031-9.004-9.004-9.004S10.996 35.027 10.996 40s4.031 9.004 9.004 9.004 9.004-4.031 9.004-9.004zM37 40a3 3 0 116 0 3 3 0 01-6 0zm15 20c0 6.627-5.373 12-12 12-6.628 0-12-5.373-12-12s5.372-12 12-12c6.627 0 12 5.373 12 12zm-12-9.004c-4.973 0-9.004 4.031-9.004 9.004s4.031 9.004 9.004 9.004 9.004-4.031 9.004-9.004-4.031-9.004-9.004-9.004zm28.284 17.288l-2.828-2.828C71.971 58.941 76 49.941 76 40 76 20.118 59.882 4 40 4 20.117 4 4 20.118 4 40c0 19.883 16.117 36 36 36h36.5c.828 0 1.5.896 1.5 2s-.672 2-1.5 2H40h-.5c-.04 0-.077-.012-.115-.016C17.578 79.654 0 61.885 0 40 0 17.909 17.908 0 40 0c22.091 0 40 17.909 40 40 0 11.046-4.478 21.046-11.716 28.284z"></path></svg></span></span></div></div><div class="video-wrap-left"><div class="ant-row" style="row-gap: 0px;"><div class="ant-col"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container undefined max-width-100 " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 9.28571rem; text-align: left;">Target Filter</div><div class="label-object-padding virtual-line-style css-weight-add ">Target Filter</div><div class="label-normal-wrapper undefined max-width-100 label-custom-wrapper" style="width: 15.7143rem;"><div title="" class="labelText-wrapper labelText undefined" value="" pxunit="14" checkstatus="normal" icon="[object Object]" textalign="left" langlocale="[object Object]"><div><button title="Draw Target" type="button" class="ant-btn" style="margin-right: 20px;"><span><span role="img" class="anticon myicon-drawTarget myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path fill="none" d="M0 0h20v20H0z"></path><path d="M3 16.5a.5.5 0 00.5.5H6v-1h2.6v-.8a2.308 2.308 0 01.03-.37 2.036 2.036 0 01.11-.35 2.547 2.547 0 01.17-.33.983.983 0 01.12-.15H6V6h8v3.02l.65-.66a3.309 3.309 0 01.3-.25c.11-.06.22-.12.33-.17a2.014 2.014 0 01.35-.1A1.5 1.5 0 0116 7.8V6h1V3.5a.5.5 0 00-.5-.5h-2.51v.99H6V3H3.5a.5.5 0 00-.5.5V6h1v8H3zm7 1v-2.3a.5.5 0 01.14-.35l5.5-5.5a.5.5 0 01.71 0l2.29 2.29a.5.5 0 010 .71l-5.5 5.5a.509.509 0 01-.35.15H10.5a.5.5 0 01-.5-.5zm2-1.5h.17l4-4-.17-.18-4 4zm4.5 1h-.52L17 15.98v.52a.508.508 0 01-.5.5z" fill-rule="evenodd"></path></svg></span></span></button><button title="Clear" type="button" class="ant-btn"><span><span role="img" class="anticon myicon-clear myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path data-name="37081 1374" fill="none" d="M0 0h20v20H0z"></path><g data-name="590779 946"><path data-name="433189 354" d="M18 5h-4.142a3.981 3.981 0 00-7.716 0H2v2h2v10a1 1 0 001 1h10a1 1 0 001-1V7h2zm-8-1a1.993 1.993 0 011.722 1H8.278A1.993 1.993 0 0110 4zm4 12H6V7h8z"></path><path data-name="37081 1612" d="M11 9h2v5h-2z"></path><path data-name="37081 1613" d="M7 9h2v5H7z"></path></g></svg></span></span></button></div></div><div class="virtual-text-wrapper"><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;"><div><button title="Draw Target" type="button" class="ant-btn" style="margin-right: 20px;"><span><span role="img" class="anticon myicon-drawTarget myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path fill="none" d="M0 0h20v20H0z"></path><path d="M3 16.5a.5.5 0 00.5.5H6v-1h2.6v-.8a2.308 2.308 0 01.03-.37 2.036 2.036 0 01.11-.35 2.547 2.547 0 01.17-.33.983.983 0 01.12-.15H6V6h8v3.02l.65-.66a3.309 3.309 0 01.3-.25c.11-.06.22-.12.33-.17a2.014 2.014 0 01.35-.1A1.5 1.5 0 0116 7.8V6h1V3.5a.5.5 0 00-.5-.5h-2.51v.99H6V3H3.5a.5.5 0 00-.5.5V6h1v8H3zm7 1v-2.3a.5.5 0 01.14-.35l5.5-5.5a.5.5 0 01.71 0l2.29 2.29a.5.5 0 010 .71l-5.5 5.5a.509.509 0 01-.35.15H10.5a.5.5 0 01-.5-.5zm2-1.5h.17l4-4-.17-.18-4 4zm4.5 1h-.52L17 15.98v.52a.508.508 0 01-.5.5z" fill-rule="evenodd"></path></svg></span></span></button><button title="Clear" type="button" class="ant-btn"><span><span role="img" class="anticon myicon-clear myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path data-name="37081 1374" fill="none" d="M0 0h20v20H0z"></path><g data-name="590779 946"><path data-name="433189 354" d="M18 5h-4.142a3.981 3.981 0 00-7.716 0H2v2h2v10a1 1 0 001 1h10a1 1 0 001-1V7h2zm-8-1a1.993 1.993 0 011.722 1H8.278A1.993 1.993 0 0110 4zm4 12H6V7h8z"></path><path data-name="37081 1612" d="M11 9h2v5h-2z"></path><path data-name="37081 1613" d="M7 9h2v5H7z"></path></g></svg></span></span></button></div></div></div></div></div></div></div></div><div class="ant-row faceDetect_notAllowd" style="row-gap: 0px;"><div class="ant-col"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 9.28571rem; text-align: left;">Min Size</div><div class="label-object-padding virtual-line-style css-weight-add ">Min Size</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 7.14286rem;"><div class="ant-input-number labelInput labelInputNumber ant-input-number-disabled"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="256" aria-valuemax="8191" step="1" status="normal" pxunit="14" icon="[object Object]" textalign="left" langlocale="[object Object]" class="ant-input-number-input" disabled="" value="256" aria-valuenow="256"></div></div></div><div title="" class="label-normal-behind " style="width: 10.7143rem;"><span>*</span><div class="lableInput-behind-div"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0px; padding-bottom: 0px;"><div class="label-normal-wrapper label-custom-wrapper" style="width: 7.14286rem;"><div class="ant-input-number labelInput labelInputNumber ant-input-number-disabled" style="min-width: 80px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="256" aria-valuemax="8191" step="1" status="normal" pxunit="14" icon="[object Object]" controlwidth="0,13,1" langlocale="[object Object]" class="ant-input-number-input" disabled="" value="256" aria-valuenow="256"></div></div></div></div></div></div></div></div></div></div></div><div class="ant-row" style="margin-top: 30px; row-gap: 0px;"><div class="ant-col"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container undefined max-width-100 " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 9.28571rem; text-align: left;">Detection Area</div><div class="label-object-padding virtual-line-style css-weight-add ">Detection Area</div><div class="label-normal-wrapper undefined max-width-100 label-custom-wrapper" style="width: 15.7143rem;"><div title="" class="labelText-wrapper labelText undefined" value="" pxunit="14" checkstatus="normal" icon="[object Object]" textalign="left" langlocale="[object Object]"><div><button title="Detection Area" type="button" class="ant-btn" style="margin-right: 20px;"><span><span role="img" class="anticon myicon-drawTarget myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path fill="none" d="M0 0h20v20H0z"></path><path d="M3 16.5a.5.5 0 00.5.5H6v-1h2.6v-.8a2.308 2.308 0 01.03-.37 2.036 2.036 0 01.11-.35 2.547 2.547 0 01.17-.33.983.983 0 01.12-.15H6V6h8v3.02l.65-.66a3.309 3.309 0 01.3-.25c.11-.06.22-.12.33-.17a2.014 2.014 0 01.35-.1A1.5 1.5 0 0116 7.8V6h1V3.5a.5.5 0 00-.5-.5h-2.51v.99H6V3H3.5a.5.5 0 00-.5.5V6h1v8H3zm7 1v-2.3a.5.5 0 01.14-.35l5.5-5.5a.5.5 0 01.71 0l2.29 2.29a.5.5 0 010 .71l-5.5 5.5a.509.509 0 01-.35.15H10.5a.5.5 0 01-.5-.5zm2-1.5h.17l4-4-.17-.18-4 4zm4.5 1h-.52L17 15.98v.52a.508.508 0 01-.5.5z" fill-rule="evenodd"></path></svg></span></span></button><button title="Clear" type="button" class="ant-btn"><span><span role="img" class="anticon myicon-clear myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path data-name="37081 1374" fill="none" d="M0 0h20v20H0z"></path><g data-name="590779 946"><path data-name="433189 354" d="M18 5h-4.142a3.981 3.981 0 00-7.716 0H2v2h2v10a1 1 0 001 1h10a1 1 0 001-1V7h2zm-8-1a1.993 1.993 0 011.722 1H8.278A1.993 1.993 0 0110 4zm4 12H6V7h8z"></path><path data-name="37081 1612" d="M11 9h2v5h-2z"></path><path data-name="37081 1613" d="M7 9h2v5H7z"></path></g></svg></span></span></button></div></div><div class="virtual-text-wrapper"><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;"><div><button title="Detection Area" type="button" class="ant-btn" style="margin-right: 20px;"><span><span role="img" class="anticon myicon-drawTarget myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path fill="none" d="M0 0h20v20H0z"></path><path d="M3 16.5a.5.5 0 00.5.5H6v-1h2.6v-.8a2.308 2.308 0 01.03-.37 2.036 2.036 0 01.11-.35 2.547 2.547 0 01.17-.33.983.983 0 01.12-.15H6V6h8v3.02l.65-.66a3.309 3.309 0 01.3-.25c.11-.06.22-.12.33-.17a2.014 2.014 0 01.35-.1A1.5 1.5 0 0116 7.8V6h1V3.5a.5.5 0 00-.5-.5h-2.51v.99H6V3H3.5a.5.5 0 00-.5.5V6h1v8H3zm7 1v-2.3a.5.5 0 01.14-.35l5.5-5.5a.5.5 0 01.71 0l2.29 2.29a.5.5 0 010 .71l-5.5 5.5a.509.509 0 01-.35.15H10.5a.5.5 0 01-.5-.5zm2-1.5h.17l4-4-.17-.18-4 4zm4.5 1h-.52L17 15.98v.52a.508.508 0 01-.5.5z" fill-rule="evenodd"></path></svg></span></span></button><button title="Clear" type="button" class="ant-btn"><span><span role="img" class="anticon myicon-clear myicon undefined"><svg viewBox="0 0 20 20" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style="width: 20px; height: 20px;"><path data-name="37081 1374" fill="none" d="M0 0h20v20H0z"></path><g data-name="590779 946"><path data-name="433189 354" d="M18 5h-4.142a3.981 3.981 0 00-7.716 0H2v2h2v10a1 1 0 001 1h10a1 1 0 001-1V7h2zm-8-1a1.993 1.993 0 011.722 1H8.278A1.993 1.993 0 0110 4zm4 12H6V7h8z"></path><path data-name="37081 1612" d="M11 9h2v5h-2z"></path><path data-name="37081 1613" d="M7 9h2v5H7z"></path></g></svg></span></span></button></div></div></div></div></div></div></div></div></div></div><div class="content-info"><div class="param-title-div"><ul class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-light" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child" title="Recognition" role="menuitem" tabindex="-1" data-menu-id="rc-menu-uuid-76803-2-recognition" style="opacity: 1; order: 0;"><span class="ant-menu-title-content">Recognition</span></li><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child" title="Exposure" role="menuitem" tabindex="-1" style="opacity: 1; order: 1;" data-menu-id="rc-menu-uuid-76803-2-exposure"><span class="ant-menu-title-content">Exposure</span></li><li class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal ant-menu-submenu-disabled" aria-hidden="true" role="none" style="opacity: 0; height: 0px; overflow-y: hidden; order: 2147483647; pointer-events: none; position: absolute;"><div role="menuitem" class="ant-menu-submenu-title" aria-expanded="false" aria-haspopup="true" data-menu-id="rc-menu-uuid-76803-2-rc-menu-more" aria-controls="rc-menu-uuid-76803-2-rc-menu-more-popup" aria-disabled="true"><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span><i class="ant-menu-submenu-arrow"></i></div></li></ul><div aria-hidden="true" style="display: none;"></div></div><div class="param-content-div"><div class="two-column-layout"><div class="ant-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container undefined max-width-100 " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="Face Recognition Threshold" class="label-normal " style="width: 13.5714rem; text-align: left;">Face Recognition Threshold</div><div class="label-object-padding virtual-line-style css-weight-add ">Face Recognition Threshold</div><div class="label-normal-wrapper undefined max-width-100 label-auto-wrapper" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined" value="" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="100" step="1" class="ant-input-number-input" value="85" aria-valuenow="85"></div></div><span> (0-100)</span></div><div class="virtual-text-wrapper"><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="100" step="1" class="ant-input-number-input" value="85" aria-valuenow="85"></div></div><span> (0-100)</span></div></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container undefined max-width-100 " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="Max Face Recognition Angle Deviation" class="label-normal " style="width: 13.5714rem; text-align: left;">Max Face Recognition Angle Deviation</div><div class="label-object-padding virtual-line-style css-weight-add ">Max Face Recognition Angle Deviation</div><div class="label-normal-wrapper undefined max-width-100 label-auto-wrapper" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined" value="" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="90" step="1" class="ant-input-number-input" value="30" aria-valuenow="30"></div></div><span> (0-90)</span></div><div class="virtual-text-wrapper"><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="90" step="1" class="ant-input-number-input" value="30" aria-valuenow="30"></div></div><span> (0-90)</span></div></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Anti-spoofing Level</div><div class="label-object-padding virtual-line-style css-weight-add ">Anti-spoofing Level</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 27.5rem;"><div class="sdd-radioGroup-container "><div class="ant-radio-group ant-radio-group-outline labelRadioGroup wrapRadio" style="width: 100%;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="0" checked=""><span class="ant-radio-inner"></span></span><span><span class="labelRadio-content-wrapper" name="0" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined">Close</div><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;">Close</div></span></span></label><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="63"><span class="ant-radio-inner"></span></span><span><span class="labelRadio-content-wrapper" name="63" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined">General</div><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;">General</div></span></span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="127"><span class="ant-radio-inner"></span></span><span><span class="labelRadio-content-wrapper" name="127" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined">High</div><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;">High</div></span></span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="255"><span class="ant-radio-inner"></span></span><span><span class="labelRadio-content-wrapper" name="255" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined">Ultra High</div><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;">Ultra High</div></span></span></label></div></div></div></div></div></div><div class="ant-row lableInput-behind-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Valid Face Interval (sec)</div><div class="label-object-padding virtual-line-style css-weight-add ">Valid Face Interval (sec)</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="ant-input-number labelInput labelInputNumber " style="width: 100%;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="1" aria-valuemax="60" step="1" status="normal" pxunit="14" icon="[object Object]" textalign="left" langlocale="[object Object]" class="ant-input-number-input" value="3" aria-valuenow="3"></div></div></div><div title="" class="label-normal-behind " style="width: 5.71429rem;">(1-60)</div></div></div></div><div class="ant-row lableInput-behind-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Invalid Face Interval (sec)</div><div class="label-object-padding virtual-line-style css-weight-add ">Invalid Face Interval (sec)</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="ant-input-number labelInput labelInputNumber " style="width: 100%;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="60" step="1" status="normal" pxunit="14" icon="[object Object]" textalign="left" langlocale="[object Object]" class="ant-input-number-input" value="10" aria-valuenow="10"></div></div></div><div title="" class="label-normal-behind " style="width: 5.71429rem;">(0-60)</div></div></div></div><div class="ant-row lableInput-behind-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Recognition Distance</div><div class="label-object-padding virtual-line-style css-weight-add ">Recognition Distance</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="ant-select labelSelect ant-select-single ant-select-show-arrow" status="normal" pxunit="14" type="select" langlocale="[object Object]" style="width: 100%;"><div class="ant-select-selector"><span class="ant-select-selection-search"><input autocomplete="off" type="search" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_1_list" aria-autocomplete="list" aria-controls="rc_select_1_list" aria-activedescendant="rc_select_1_list_0" readonly="" unselectable="on" value="" id="rc_select_1" style="opacity: 0;"></span><span class="ant-select-selection-item"><span name="150">1.5 meters</span></span></div><span class="ant-select-arrow" unselectable="on" aria-hidden="true" style="user-select: none;"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Mask mode</div><div class="label-object-padding virtual-line-style css-weight-add ">Mask mode</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="ant-select labelSelect ant-select-single ant-select-show-arrow" status="normal" pxunit="14" textalign="left" type="select" langlocale="[object Object]" style="width: 100%;"><div class="ant-select-selector"><span class="ant-select-selection-search"><input autocomplete="off" type="search" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_2_list" aria-autocomplete="list" aria-controls="rc_select_2_list" aria-activedescendant="rc_select_2_list_0" readonly="" unselectable="on" value="" id="rc_select_2" style="opacity: 0;"></span><span class="ant-select-selection-item"><span name="2">No Authorization without Wearing Face Mask</span></span></div><span class="ant-select-arrow" unselectable="on" aria-hidden="true" style="user-select: none;"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; min-width: 500px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container undefined max-width-100 " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Face Mask Threshold</div><div class="label-object-padding virtual-line-style css-weight-add ">Face Mask Threshold</div><div class="label-normal-wrapper undefined max-width-100 label-auto-wrapper" style="width: auto;"><div title="" class="labelText-wrapper labelText undefined" value="" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="75" step="1" class="ant-input-number-input" value="75"></div></div><span> (0-100)</span></div><div class="virtual-text-wrapper"><div class="labelText" style="white-space: nowrap; position: absolute; top: 0px; visibility: hidden; z-index: -10000; width: auto;"><div class="ant-input-number" style="width: 220px;"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="75" step="1" class="ant-input-number-input" value="75"></div></div><span> (0-100)</span></div></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Snapshot Mode</div><div class="label-object-padding virtual-line-style css-weight-add ">Snapshot Mode</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="false" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="false" class="ant-switch"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="Face Snapshot Enhancement" class="label-normal " style="width: 13.5714rem; text-align: left;">Face Snapshot Enhancement</div><div class="label-object-padding virtual-line-style css-weight-add ">Face Snapshot Enhancement</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="false" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="false" class="ant-switch"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Beautifier</div><div class="label-object-padding virtual-line-style css-weight-add ">Beautifier</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="false" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="false" class="ant-switch"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Enable Helmet Detection</div><div class="label-object-padding virtual-line-style css-weight-add ">Enable Helmet Detection</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="false" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="false" class="ant-switch"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Multi-face Recognition</div><div class="label-object-padding virtual-line-style css-weight-add ">Multi-face Recognition</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="false" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="false" class="ant-switch"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Night Mode</div><div class="label-object-padding virtual-line-style css-weight-add ">Night Mode</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="true" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div><div class="ant-row" style="margin-left: 40px; row-gap: 0px;"><div class="label-div-Container label-v4-version label-ant-version"><div class="label-normal-container " style="padding-top: 0.571429rem; padding-bottom: 0.571429rem;"><div title="" class="label-normal " style="width: 13.5714rem; text-align: left;">Smart Screen Light Up</div><div class="label-object-padding virtual-line-style css-weight-add ">Smart Screen Light Up</div><div class="label-normal-wrapper label-custom-wrapper" style="width: 15.7143rem;"><div class="sdd-swtich-contianer"><button value="true" pxunit="14" checkstatus="normal" icon="[object Object]" langlocale="[object Object]" type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><div class="ant-switch-handle"></div><span class="ant-switch-inner"><span></span></span></button></div></div></div></div></div></div><div class="two-column-layout"></div></div></div></div><div class="fixed-button halfwidth"><button type="button" class="ant-btn ant-btn-primary right"><span>Apply</span></button><button type="button" class="ant-btn left"><span>Refresh</span></button><button type="button" class="ant-btn right"><span>Default</span></button></div></div></div></div></div>，为什么e.target.innerHTML.test(/div/)会报错，Uncaught TypeError: e.target.innerHTML.test is not a function
05-30
因此，当尝试调用 `e.target.innerHTML.test(/div/)` 时，会抛出 `'Uncaught TypeError: e.target.innerHTML.test is not a function'` 错误[^1]。 ### 原因解释 `test` 方法是正则表达式的原生方法，用于测试一个...
div span ul ol 区别
weixin_33841722的博客
03-13 534
一不小心跑偏了qwq 1、ol和ul <ol> 　　<li> </li> <li> </li> <ul> <ul> 　　<li> </li> <li> </li> </u...
html:(13):ol-li和div作用
歌谣的博客
09-23 545
使用ol，添加图书销售排行榜 如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当当网上的书籍热卖排行榜，如下图所示。这类信息展示就可以使用<ol>标签来制作有序列表来展示。 语法： <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例： 下...
简述div标签和span标签的不同_html中div和span元素的用法区别及举例说明
weixin_39851261的博客
12-21 591
摘要:下文讲述Html中元素div和span的用法用法说明，如下所示div 和 span 两个标签是我们在html开发中常用的元素,那么它们到底由哪些功能呢?下文将一一讲述。1.div元素div 元素默认为一个块级元素，常用于页面结构布局例： 左 中 右 三 栏布局，可使用css集合div进行布局设计2.span元素span 默认为一个内联元素，通过用于包裹一个元素，方便对齐css样式设计。...
css:ul,ol,li妙用
weixin_34055910的博客
12-28 293
LI代码的格式化:A).运用CSS格式化列表符： ul li{list-style-type:none;}例如下面的： 供求信息 B).如果你想将列表符换成图像，则： ul li{        list-style-type:none; 　　　font-size:12px;        list-style-image: url("csdnindex_pic35.gif");        ...
Web知识整理01
weixin_47701814的博客
09-14 299
Web知识整理 html (HyperText Markup Language) 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。(来自360百科). html基本标签 注释符号 ctrl+/为注释快捷键 标题标签< h1 > </ h1 > 数字可取1-7 1
span、div、li 等获取焦点问题
03-07 7640
对于普通的div/span/li等元素节点是不能直接获取焦点的，需要用到一个属性tabindex 2、关于tabindex的科普 如果试图触发div标签绑定的onfocus事件和onblur事件，需要为该标签添加tabindex属性。 tabindex属性其实指定了点击计算机“Tab”键时光标移动的顺序，在点击计算机“Tab”键时tabindex属性值越小（最小为0）其所在的标签越先得到焦点...
CSS块级、行级、行级块标签、display、div、span
从零开始的异世界JAVA学习
03-16 981
块级标签 无论内容有多少,都会占据一行; 默认宽:与父级标签一致; 默认高:0 ；或者与内容高度一致。 但是可以通过 width和height来设置标签的宽 高; 例如< p>、< h1 >、< ul >、< ol >、< hr / >等。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ti
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值