3、类选择器、ID选择器 注解： 1）、类选择器 类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。...，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。...而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。 ...如何将一个元素设置为块状元素？ ...如何将一个元素设置为内联块状元素？
;} /* 子标签选择器:修饰的是当前标签的直接子元素，不会影响孙子元素; */ #list > li{color:orange;font-weight:bold;}...该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。 box-shadow属性的参数设置取值： -阴影类型：此参数可选。...如果值为正值，则阴影在对象的右边，其值为负值时，阴影在对象的左边； Y-offset:阴影垂直偏移量，其值也可以是正负值。...如果为正值，阴影在对象的底部，其值为负值时，阴影在对象的顶部； 阴影模糊半径：此参数可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选...，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 阴影颜色：此参数可选。
： Z_t : 大小为 K_Z times |mathcal{S}| 的矩阵，每一列 Z_t(s) 的对应于一个槽 s in mathcal{S} , Z_t 被称为 动作 - 话语编码器 每一回合的维度为...时间特征依赖关系 ，而 H_t被称为 层次编码，其维度为 K_H. ...具体地说，动作编码是通过与话语编码 bar{u}_t(s) 相互作用得到的，计算为: 的连接。...具体地说，在 GAE 块上，我们使用 |mathcal{S}| 个并行 GRU 网络从所有历史动作表达编码向量中获得层次编码。...双槽选择器从两个方面决定每个槽是更新槽值还是从前一个回合继承槽值： 如果它与当前回合对话话语之间有很强的关系（继承） 如果可以通过当前回合对话来获得高可靠性的槽值（更新） 选择要更新的槽允许输入槽值生成器
它下面是子节点， 和 。再下面是逐级嵌套的后代节点。 在文档中，根节点是所有其他元素的祖先节点。根节点有一个伪类选择器（:root），可以用来选中它自己。...# 设置一个合理的默认字号 如果你希望默认字号为 14px，那么不要将默认字体设置为 10px 然后再覆盖一遍，而应该直接将根元素字号设置为想要的值。...通常我们应该使用无单位的数值，因为它们继承的方式不一样。 继承有一个怪异特性：当一个元素的值定义为长度（px、em、rem，等等）时，子元素会继承它的计算值。...可以用一个无单位的数值给 body 设置行高，之后就不用修改了，除非有些地方想要不一样的行高。 # 自定义属性（CSS 变量） 可以声明一个变量，为它赋一个值，然后在样式表的其他地方引用这个值。...将其值设置为一些常见的sans-serif字体。 变量名前面必须有两个连字符（--），用来跟CSS属性区分。
不同于已有的平面聚类方法（RODE），其核心思想在于，将多智能体之间角色发现建模为联合动作空间的层次化结构发现问题，并使用最优编码树实现了决策过程中的角色结构的层次化表示，包含角色、子角色及个体等。...除了做出决策外，个体网络Qi还将局部动作观测历史τi编码为d维嵌入向量hτi∈Rd，然后将其输入角色选择器。...受RODE的启发，角色选择器基于角色表示zρ和隐藏向量hτi之间的点积，将角色ρj∈Ψ及其对应的动作子空间Aj∈Aρ分配给智能体ni。...在结构化中，动作空间被映射到一个固定维度的嵌入空间，并基于动作功能相关性构造一个完全动作图。在稀疏化中，对动作图进行稀疏化，并生成稀疏图的初始编码树。...优化： 为了获得联合动作空间A的最优层次化结构C，需要将稀疏动作图G的编码树T从1层优化到K层。
有时候，预处理程序用于硬编码每个可能的场景，比如 :checked 的长字符串和相邻兄弟选择器。 在本文中，我将介绍使用纯CSS 制作的四子连珠游戏的关键思想。...可靠性的关键就是保证宽度是可预知的。宽度为 0 的字符加上单字母和双字母间距都可以，但是将 font-size 设置为 0 是存在风险的。...为了兼容所有浏览器，可以将 letter-spacing （以像素为单位）设置的大一些并且将 font-size 设置的小一点（1px），是的，我说的是子像素。...你说得对，计数器的值在 '1' 和 '111' 之间交替变换也是可以的。尽管如此，罗马数字最先给了我启示，它们也是点击器标题的不错的方式，所以我保留了它们。 ? 从红色玩家开始，然后轮流游戏。...尽管如此，我认为演示的代码还是比较短的。它应该是在中间的某个地方，从硬编码一个选择器到使用 4 个神奇的选择器（列，行，两个对角线）。 ? 当有玩家获得胜利就会显示一条信息。
，属性，和数据 获取特性的值：attr(name) 设置特性的值：attr(name,value) attr(attributes) 添加类：addClass(name) removeClass(names...() 从元素本身开始，逐级向上元素匹配，并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代，为每个匹配元素执行函数 .end...toggleClass() 从匹配的元素中添加或删除一个类 unwrap() 移除并替换指定元素的父元素 val() 设置或返回匹配元素的值 wrap() 把匹配额元素用指定的内容或元素包裹起来 wrapAll...$("img").length;//返回图片标签的个数 设置或返回被选元素的属性值。...$("img").attr("src","test.jpg");//设置图片src属性为test.jpg $("img").attr("src");//返回图片的src属性 从每一个匹配的元素中删除一个属性
，哪怕title并没有给值 [title] => 12. css后代选择器和子选择器的区别 //后代选择器：选择div下的所有p标签 div p{ color:#f00...; } 被选择被选择 //子选择器：选择div的直接子p标签，非直接性的子标签不选择 div>p{ color...重点：有定宽的块状元素居中很容易，或者用绝对定位设置left为50%，再margin-left修正到中间。或者直接设置margin左右auto都可以。...而单纯的行内样式，例如p标签，居中只要设置text-align为center即可，但牺牲了块状元素的特性。将元素设置为inline-box则可兼顾它们的特性。...但重点还是在于父元素的text-align必须设置为center。
的 子元素 是否继承 父容器的 3D 变换效果 ; transform-style 属性取值 : flat : 默认属性值 , 子元素将不会单独保留 3D 位置 , 而是被扁平化到其父元素的 2D 平面...; 此时即使对 子元素应用了 3D 转换属性 则不会生效 , 而是从属于父元素的 3D 变换属性 ; preserve-3d : 设置为 preserve-3d 属性值时 , 子元素将保留其 3D 位置..., 父元素 和 子元素 都可以在三个维度上 分别进行 不同的 3D 变换操作 , 如 : 移动 和 旋转 ; 二、transform-style 属性示例 1、核心要点 设置 透视视图 效果 默认情况下..., 为 标签盒子 设置 perspective 属性即可 , 属性值是 视点 到 投影平面 的距离 ; body { /* 设置透视视图效果 */...E:first-child / E:last-child 选择器 | E:nth-child(n) 选择器 | E:nth-of-type 选择器 ) 博客 , 选择 .box 类标签下的 第二个 div
）top:设置上边距 3）left:设置左边距 内外边距 margin: 外边距 padding:内边距 1.3 选择器 我们通过选择器来选中 HTML 文档中的元素，来样式化元素。...每个 CSS 规则都以一个选择器或一组选择器为开始，去告诉浏览器这些规则应该应用到哪些元素上。...属性:属性值； } 样式的继承:子标签会继承父标签的样式 例子：+～结合filter实现暗黑模式 2.3 集合选择器 选择器 别名 说明 版本 elem1,elem2 并集选择器 多个指定的元素...type=blog"] { } 2.7 结构选择器 选择器 说明 版本 :root 文档的根元素 3 :empty 无子元素的元素 3 :first-letter 元素的首字母 1 :first-line...positioning） 如果想相对于父节点进行定位：最好设置父节点的position为relative， 原则“子绝父相”。
行高以像素为单位，就是定义的行高值。 推荐行高使用像素为单位。...盒子的宽度 = 定义的宽度 + 边框宽度 + 左右内边距 继承的盒子一般不会被撑大 包含（嵌套）的盒子，如果子盒子没有定义宽度，给子盒子设置左右内边距（内边距不大于子盒子宽度），不会撑大子盒子。...两个盒子垂直，一个设置上外边距，一个设置下外边距，取的设置较大的值。...嵌套的盒子外边距塌陷 嵌套的盒子，直接给子盒子设置垂直方向外边距的时候，会发生外边距的塌陷（父盒子跟着移动） 解决方法: 1.给父盒子设置边框 2.给父盒子overflow:hidden;...特点： 1.元素使用绝对定位之后不占据原来的位置（脱标） 2.元素使用绝对定位，位置是从浏览器出发。 3.嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置是从浏览器出发。
后代选择器 ②子元素选择器 ③交集选择器 ④并集选择器 复合选择器总结 7.背景总结 四....body { font:12px/1.5 Microsoft YaHei; } 如果子元素没有设置行高，则会继承父元素的行高为1.5 此时子元素的行高是：当前元素文字大小 * 1.5 body...行高 1.5 这样最大的优势就是里面子元素可以根据自己文字大小自动调整行高 3.优先级 如果盒子里的图片大于盒子宽高, 那么设置图片的宽为100% 五....1.2 嵌套块元素垂直外边距的合并（塌陷） 对于两个嵌套关系(父子关系)的块元素，父元素有上外边距同时子元素也有上外边距 父元素和子元素的上外边距和发生合并 合并后的外边距为: 取两者外边距较大者...border-radius属性用于设置元素的外边框圆角 border-radius:length; 参数可以为数值或百分比如果是正方形,想要按设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写
，属性，和数据 获取特性的值：attr(name) 设置特性的值：attr(name,value) attr(attributes) 添加类：addClass(name) removeClass(names...类型 :nth-last-of-type() 和 nth-last-child() 类似，从最后一个子元素开始算 :first-of-type 选择一个上级元素的第一个同类子元素 :last-of-type...() 从元素本身开始，逐级向上元素匹配，并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代，为每个匹配元素执行函数 .end...append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容 appendTo() 向目标结尾插入匹配元素集合中的每个元素 attr() 设置或返回匹配元素的属性和值 before() 在每个匹配的元素之前插入内容...toggleClass() 从匹配的元素中添加或删除一个类 unwrap() 移除并替换指定元素的父元素 val() 设置或返回匹配元素的值 wrap() 把匹配额元素用指定的内容或元素包裹起来 wrapAll
表单和高级选择器 1、什么是表单 表单用于收集用户的信息，是浏览器和用户之间沟通的桥梁。 就是你在注册账号时，让你输手机号，输密码那个小框框，明白了吧 还不明白？...\assetis\wps1.jpg)] 按钮效果也可以直接用butto双标签，效果一样，注册 input框设置提醒字符，打字的时候会自动消失，比如某些输入框会提醒，请输入 账号等 语法：在input...method 用于设置表单数据的提交方式，其取值为get或post。 name 用于指定表单的名称，以区分同一个页面中的多个表单。 注意： 每个表单都应该有自己表单域。...交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 记忆技巧： 交集选择器 是 并且的意思。... 子元素选择器（子代选择器） 子元素选择器只能选择作为某元素子元素的元素。
虽然您可能熟悉 CSS 的基础知识，但仍有大量高级 CSS 选择器等待着提高您的编码技能并增强您的网页设计能力。在本博客中，我们将探讨每个 Web 开发人员都应该了解的七个高级 CSS 选择器。...:not() 选择器：选择器:not()允许您从 CSS 规则中排除特定元素。当您想要对页面上的大多数元素（但不是特定的少数元素）进行样式设置时，这非常方便。...它对于创建具有改进的用户体验的交互式表单特别有用：.form-group:focus-within { border: 2px solid #007bff;}.form-group当任何子元素获得焦点时...[属性^="值"]选择器：带有“开头为”( ) 运算符的属性选择器^允许您选择属性值以特定字符串开头的元素。...这对于具有动态属性值的样式元素是有益的：a[href^="https://"] { color: #4caf50;}此规则选择所有具有href以“https://”开头的属性的链接并将其样式设置为绿色
常用值为UTF-8、ISO-8859-1等 http-equiv属性可用于模拟一个HTTP响应头，与content属性搭配使用，常用属性值如下： content-type：规定文档的字符编码，等同于...设置类型： horizontal-tb：文本流在水平方向从上到下排列，文字方向为水平方向 sideways-lr：文本流在垂直方向，从下至上、从左至右排列（该属性值不兼容webkit内核浏览器） sideways-rl...：文本流在垂直方向，从上至下、从右至左排列（该属性值不兼容webkit内核浏览器） vertical-lr：文本流在垂直方向，从上至下、从左至右排列，文字方向为水平方向 vertical-rl：文本流在垂直方向...line-height ''' line-height属性 用于设置行间距，可设置的值如下 数字：行间距为当前字体大小乘此数字 固定值：设置固定的行间距，如20px 百分比：行间距为当前字体大小乘百分比...，从最后一个子元素开始计数，N可以为数字、关键字（odd / even）、公式 :nth-last-of-type(N) 选择匹配属于其父元素的第N个指定类型的子元素，从最后一个子元素开始计数，N可以为数字
例如，要选择所有在 元素内部的段落元素，并将它们的文字颜色设置为绿色，可以使用以下样式： div p { color: green; } 3.2 子选择器 子选择器（>）允许你选择作为另一个元素的直接子元素的元素...例如，要选择所有 元素下的直接子元素 并将它们的文本颜色设置为橙色，可以使用以下样式： ul > li { color: orange; } 3.3 相邻兄弟选择器 相邻兄弟选择器...例如，要选择所有 type 属性值为 text 的输入框元素，并将它们的边框颜色设置为蓝色，可以使用以下样式： input[type="text"] { border-color: blue; }...例如，要选择所有 href 属性值以 .pdf 结尾的链接元素，并将它们的文本颜色设置为红色，可以使用以下样式： a[href$=".pdf"] { color: red; } 4.1.5 属性值包含匹配选择器...例如，要选择具有 main ID 的 元素内部的所有直接子元素 ，并将它们的字体颜色设置为蓝色，可以使用以下样式： div#main > p { color: blue; } 8.
2.Emmet语法 它是前端开发者提高编码效率的强大工具。...注意后代选择器不只是可以有两个基础选择器，还可以有多个基础选择器，如div p span 子元素选择器 子元素选择器是 CSS 中的一种选择器，用于选择某个元素的直接子元素。...子选择器使用 > 符号来连接父元素和子元素。 并集选择器 并集选择器用于将多个选择器组合在一起，以便对它们应用相同的样式规则。这种方法可以减少代码冗余，提高CSS的可维护性和效率。...在这里我们还要讲个背景颜色半透明设置： 颜色设置中的rgba() 允许你为颜色添加透明度（alpha 通道，第四个参数），透明度值范围从 0（完全透明）到 1（完全不透明）。...要实现固定背景图片，关键在于将 background-attachment 设置为 fixed。
在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！...---- 一、文本元素 1、属性 font-size: 50px; /*文字大小*/ font-weight: 700; /*值从100-900，文字粗细,700约等于Bold...PS：文本属性连写中文字大小和字体为必写项。 3、文字的表达方式 1. 直接写中文名称 font-family: 微软雅黑; 2....写字体的英文名称 font-family: microsoft yahei; 3. unicode 编码（解析更快） ? 如何找到某一字体相对应的unicode编码呢？...（不推荐使用） ---- 三、标签分类 1、块元素 /*典型代表:*/ div, h1-h6, p, ul, li 特点: 1.独占一行； 2.可以设置宽高； 3.嵌套（包含）下，子块元素宽度
属性名，如想获取元素href值 //*[@id="id3"]/h3 => //*[@id="id3"]/h3/@href 获取元素及其子元素的所有文本信息，在浏览器得到的选择器后加/string()，如...消息体模板 消息体模板可为空，如果为空，则按照元素选择器的定义顺序以制表符为间隔拼接为字符串。...下面介绍消息体模板的使用方式，如果元素选择器的设置为： title{//*[@id="id3"]/h3/text()} myurl{//*[@id="id3"]/h3/text()} 则消息体模板可以设置为...： {title}的网址是{myurl} 如果title对应的元素选择器提取的内容为“WebMonitor真棒”，myurl对应的元素选择器提取的内容为“https://www.logicjake.xyz...-more 3 自定义请求头 可以自定义请求时的请求头，主要用于设置Cookie，获取需要登录才能查看的页面，格式为字典，如 {'Cookie':'自定义cookie值'} 添加RSS监控任务 可以在
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
