：ie6不支持 属性选择器 伪元素选择器 伪类选择器 CSS新增选择器 通用兄弟（关联）选择器：~，选择后面的所有的子元素 属性选择器（新增的）： E[attr~="value"]：指定属性名，并且具有属性值...[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的； E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value； E[attr|=..."value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）; 注意：IE6不支持所有的属性选择器 :nth选择器 :first-child 选择某个元素的第一个子元素...； :last-child 选择某个元素的最后一个子元素； :nth-child() 选择某个元素的一个或多个特定的子元素； :nth-child(length);/*参数是具体数字*/ :nth-child...() 选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算； 其实这种使用和:nth-child使用是一样的，也可以使用:nth-child的那些表达式和使用方法，唯一不同的是这种指定了元素的类型而以
) 类选择器是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名，换句话说需要保证类名在html标记中存在，这样才能选择类 <li class="active important...: blue; color:yellow;font-weight:bold;} 3、E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个...时就相匹配，没有波浪（～）时属性值要完全是value时才匹配。...； .demo li:last-child {background: green; border: 2px dotted blue;} 3):nth-child()选择某个元素的一个或多个特定的子元素...4):nth-last-child()选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算； .demo li:nth-last-child(4) {background: lime;
2.2 类选择器 类选择器允许你选择具有特定类名的元素。类选择器以点 . 开头，后面跟随类名。...属性选择器 属性选择器允许你选择具有特定属性的元素。属性选择器使用方括号 []，并在方括号内指定要匹配的属性和属性值。...以下是一些常见的属性选择器示例： 4.1 属性选择器 属性选择器允许你选择具有特定属性的元素。属性选择器使用方括号 []，并在方括号内指定要匹配的属性和属性值。...以下是一些常见的属性选择器示例： 4.1.1 属性存在选择器 属性存在选择器（[attribute]）用于选择具有指定属性的所有元素，而不考虑其值。...结合选择器 你可以结合多个选择器来更精确地选择元素。这是一些常见的结合选择器的示例： 7.1 选择多个类名 如果一个元素具有多个类名，你可以将它们组合在一起选择。
在元素中添加一个或多个类名 2.contains(class) 返回布尔值，判断指定的类名是否存在 可能值： true - 元素包已经包含了该类名 ...false - 元素中不存在该类名 3.item(index) 返回类名在元素中的索引值。...移除元素中一个或多个类名 5.toggle(class,true| false) 在元素中切换类名 第一个参数为要在元素中移除的类名，并返回 false。 ...如果该类名不存在则会在元素中添加类名，并返回 true。 ...数量不受限制，在控制和渲染数据的时候提供了非常强大的控制 dataset 获取属性值： \ <div id="day2-meal-expense" data-drink="coffee"
，可以用form指定表单id 2.formaction属性：按扭元素可以指定不同的action 3.formmethod属性：按扭元素可以指定不同的method 4.placeholder属性：当文本框处于未输入状态时文本框中显示的输入提示...5.autofocus属性：当页面打开时，控件自动获得光标焦点，一个页面只能有一个控件具有该属性，不要滥用 6.list属性：为单行文本增加一个list属性，该属性的值为某个datalist元素的id...10.output元素，定义不同类型的输出，比如计算结果或脚本的输出 B.表单验证 1.required属性：非空验证 2.pattern属性：通过正则检查内容 3.min与max属性：在数值和日期控件中使用...(n)，在计算子元素时只针对同类型的子元素计算 :only-child，:only-of-type，让样式只对唯一子元素起作用的实现方法 6.UI元素伪类选择器： E:hover，当鼠标移动到元素上面时所使用的样式...E:active，指定元素被激活（元素在鼠标上按下还没松开时） E:focus，指定元素获得光标焦点时使用的样式 E:enabled，当元素牌可用状态时的样式 E:disabled，当元素牌不可用状态时的样式
元素默认的display值是table 基本特征:一个水平流上只能「单独显示」一个元素，多个块级元素则换行显示 由于块级元素具有换行特性,配合clear属性用来清除浮动 .clear::...❝一个存在于每个「行框盒子」前面，同时具有该元素的「字体」和「行高」属性的「0宽度的内联盒」 ❞ 「行框盒子(line box)」,每一行就是一个行框盒子,每个行框盒子又是由一个个内联盒子组成的。...) text-overflow:ellipsis：当文本溢出时，显示省略符号来代表被修剪的文本 white-space:nowrap:设置文本不换行 overflow:hidden：当子元素内容超过容器宽度高度限制的时候...:78px; // 不能缺 } 多个块级元素-水平居中 // xx 会被后续的特定的类名替换 块1 <...（这避免不了） 浏览器的「窗口尺寸变化」（因为回流是根据视口的大小来计算元素的位置和大小的） 获取一些特定属性的值 offsetTop、offsetLeft、 offsetWidth、offsetHeight
任何节点都属于它所在的文档，任何节点都不能同时存在于两个或更多个文档中。...当元素的class属性值包含所有指定的标识符时才匹配。HTML元素的class属性值是一个以空格隔开的列表，可以为空或包含多个标识符。...id 元素在文档中的唯一标识符 title 有关元素的附加说明信息 className 与元素class特性对应 src img元素具有的属性 alt img元素具有的属性 lang 元素内容的语言代码...1)取得自定义属性 getAttribute() 参数为实际元素的属性名，calss,name,id,title,lang,dir一般只有在取得自定义特性值的情况下，才会用该方法大多数直接使用属性进行访问...两个参数，第一个参数为要设置的特性名，第二个参数为对应的值。
处理图形对象 图形对象 图形对象是用于显示图形的基本元素。这些对象按层次结构组织，如下图所示。 ? 当调用绘图函数时，MATLAB® 使用各种图形对象（例如，图窗窗口、轴、线条、文本等）创建图形。...每个对象都具有一组固定的属性，您可以使用这些属性控制图形的行为和外观。...· 文本 - 用于轴刻度线和可选标题及注释的标签。 不同类型的图形使用不同对象来表示数据。由于存在许多种图形，因此也存在许多数据对象类型。...查找现有对象的句柄 findobj 函数可用于通过搜索具有特定属性值的对象来获取图形对象的句柄。使用 findobj，您可以指定任何属性组合的值，这样可以方便地从多个对象中选取一个对象。...例如， h = findobj('Type','patch'); 查找所有补片对象的句柄。 查找具有特定属性的对象 您可以指定多个属性以便缩小搜索范围。
Service元素 每个服务都具有以下属性： --name,指定听歌服务协定的实现的类型。这是完全限定名称（命名空间和类型名称）。 ...如果必须修改绑定的默认值，则可通过在bindings元素中配置相应的binding元素来执行此操作。次属性应赋予与用于更改默认值的binding元素的name属性相同的值。 ...name - Endpoint的名称，可选属性，每个Contract都可以有多个Endpoint，但是每个Contract对应的 多个Endpoint名必须是唯一的...-- 某一类的binding的下面可能有多个配置，binding元素的name属性标识某个binding--> ...-- 一个或多个系统提供的或定制的behavior元素 属性说明： name - 一个behavior唯一标识,元素的
选择器 标签选择器 标签名称{ 属性:值; } id选择器 #id名称{ 属性:值; } 类选择器 .类名{ 属性:值; } id相当于人的身份证不可以重复 class相当于人的名称可以重复..., 所有的特定后代标签, 也就是会选中儿子/孙子…, 只要是被放到指定标签中的特定标签都会被选中 | 子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签 交集选择器...选择器1选择器2{ 属性: 值; } # 用多个选择器 并集选择器 选择器1,选择器2{ 属性:值; } #选到2个 并集选择器必须使用,来连接 兄弟选择器 相邻兄弟选择器 作用..., 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定 优先级判断的三种方式 如果是间接选中, 那么就是谁离目标标签比较近就听谁的 如果都是直接选中, 并且都是同类型的选择器, 那么就是谁写在后面就听谁的...如果id的个数一样, 那么再看类名的个数, 类名个数多的优先级最高 如果类名的个数一样, 那么再看标签名称的个数, 标签名称个数多的优先级最高 标签理解 在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级
标签属性 class属性：用于定义元素的类名 id属性：用于指定元素的唯一id，该属性的值在整个html文档中具有唯一性 style属性：用于指定元素的行内样式，使用该属性后将会覆盖任何全局的样式设定...） form表单事件，onblur，当元素失去焦点时触发，onchange，在元素的值被改变时触发，onfocus，当元素获得焦点时触发，onreset，当表单中的重置按钮被点击时触发，onselect...，当元素上按下鼠标按钮时触发，onmousemove，当鼠标指针移动到元素上时触发，onmouseout，当元素指针移出元素时触发，onmouseup，当元素上释放鼠标按钮时触发。...autofocus 当为某个表单控件增加该属性后，当浏览器打开这个页面， 这个表单控件会自动获得焦点 list 为文本框指定一个可用的选项列表，当用户在文本框中输 入信息时，会根据输入的字符...=value] 匹配给定的属性不是某个特定值的元素 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 配给定的属性是以某些值结尾的元素
同样值得一提的是，文档中的多个元素可以具有相同的类名，而单个元素可以有多个类名(以空格分开多个类名的形式书写)。...它们的通用语法由方括号 ([]) 组成，其中包含属性名称，后跟可选条件以匹配属性的值。 属性选择器可以根据其匹配属性值的方式分为两类： 存在和值属性选择器和子串值属性选择器。...: goldenrod; } /* 所有具有"data-vegetable"属性且属性值包含"spicy"的元素， 即使元素的属性中还包含其他属性值，都会被应用红色的文本颜色..."] { opacity: 0.5; } 效果： TODO: 伪类和伪元素 该选择器不是选择元素，而是元素的某些部分，或仅在某些特定上下文中存在的元素。...当多个CSS规则匹配相同的元素时，它们都被应用到该元素中。只有在这之后，任何相互冲突的属性才会被评估，以确定哪种风格会战胜其他类型。
（注：文中代码因篇幅有限仅写出关键部分代码） id和class id 在元素的属性里加上id标签，然后用“#+id名选择”，如 #z {text-align:center;} id标签 class 在元素的属性里加上class标签，然后用”.class名称”选择所有具有相同class名称的元素。..."center">only this line is centered 混合 当id和class选择的是同一元素的相同属性时，显示id的效果，如： .center { *text-align...h1> 分组和嵌套 分组 当多个元素有共同的css样式描述时可以使用分组减少代码，如： #a,#b,#c {color:blue;} text baidu 则所有具有href属性的元素都会被选择，baidu和sina就会为绿色。
当html元素的同一个样式属性有多种样式值的时候，css就要靠层叠机智来决定最终应用哪种样式。...基于祖先或者同胞元素选择一个元素。 ID和类选择符。基于id和class属性的值选择元素。 属性选择符。基于属性的有无和特征选择元素。...类的目的是为了标识一组具有相同特征的元素，以便我们为这些元素应用相同的css样式。 属性选择符 属性名选择符 格式如下： 标签名[属性名] 选择任何带有属性名的标签名。...伪类 伪类分两种： UI伪类会在HTML元素处于某个状态时，为该元素应用CSS样式。 结构化伪类会在标记中存在某种结构上的关系时，为相应元素应用CSS样式。 伪类使用:(冒号)作为选择符。...层叠 层叠，是样式在文档层次中逐层叠加的过程，目的是让浏览器面对某个标签特定属性值得多个来源，确定最终使用哪个值。
CSS 也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。...选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等 属性和属性值之间用英文...多类名的使用 ： 多类名 注意： 在标签class 属性中写 多个类名 多个类名中间必须用空格分开 这个标签就可以分别具有这些类名的样式...这些标签都可以调用这个公共的类然后再调用自己独有的类 从而节省CSS代码,统一修改非常方便 ⭐id选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。...语法： * { 属性1: 属性值1; ... } 通配符选择器不需要调用， 自动就给所有的元素使用样式 特殊情况才使用，如，清除所有的元素标签的内外边距
类选择器 使用类选择器选择具有特定类的HTML元素，并将其包装成jQuery对象。...属性 jQuery对象还提供了一些属性，用于访问和操作选择的元素的特定属性。...var tagName = $myElement.prop("tagName"); // 获取元素的标签名var id = $myElement.prop("id"); // 获取元素的ID属性值var...className = $myElement.prop("class"); // 获取元素的类名上述代码使用了prop()方法来获取选择的元素的标签名、ID属性值和类名。...; });});上述代码在页面加载完成后，绑定了按钮的点击事件。当按钮被点击时，将在#message元素中显示一条消息。
>元素，会修改元素内文本 URL、 domain 和 referrer URL：包含当前页面的完整 URL domain: 包含页面的域名 可以设置，但不能给这个属性设置 URL 中不包含的值 当页面含有来自某个不同子域的窗格...取得属性 每个元素都有零个或多个属性，通常用于为元素或其内容附加更多信息 getAttribute() 传给 getAttribute()的属性名与它们实际的属性名是一样的，因此这里要传"class"...而非"className" 如果给定的属性不存在， 则 getAttribute() 返回 null 能取得不是 HTML 语言正式属性的自定义属性的值 属性名不区分大小写，因此"ID"和"id"被认为是同一个属性...设置属性 setAttribute() 接收两个参数：要设置的属性名和属性的值 如果属性已经存在，则 setAttribute()会以指定的值替换原来的值； 如果属性不存在，则 setAttribute...在用于读取值时，innerText 会按照深度优先的顺序将子树中所有文本节点的值拼接起来。在用于写入值时，innerText会移除元素的所有后代并插入一个包含该值的文本节点。
第二个参数是可选的，值为一个元素或JQuery对象；这时返回的是特定元素的子元素中匹配到的元素集； 参数是Element、Document或Window对象，返回这些对象封装成的JQuery对象； 参数是...2、可以使用object对象，该对象的属性名是Jquery关键字时，可用于传入属性值； 参数为一个函数：文档加载完毕时调用；相当于onLoad()函数；形如$(function(){})或JQuery(...：索引值和this(指代当前元素Element，原生文档对象),this使用JQuery方法时需要封装一下$(this); 如果回调函数返回false时，遍历将中断； map(); 例$(':checkbox...： JQuery使用同一个方法来获取和设置属性，区别是参数的不同，类似于重载； setter(设置)时返回的是JQuery对象；getter(获取)时返回单个值(元素)；所以链式调用不能使用getter...，第二个参数为处理函数； 可以有三个参数，第一个参数和第三个参数为事件名与处理函数，第二个参数可为任何值，被设置为Event对象的data属性； 其一特性是允许为注册事件处理程序指定多个命名空间
：当样式冲突时，就是采用就近原则，是值css属性离被修饰的内容最近的为主。 ...[attribute=value]选择具有attribute属性且属性值等于value的元素。 ...[attribute|=value]选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。 ...[attibute^=value]匹配具有attribute属性、且值以valule开头的E元素 [attribute$=value]匹配具有attribute属性、且值以value结尾的...设置元素在其鼠标悬停时的样式 *:focus 设置元素在其获取焦点时的样式 :target 匹配相关URL指向的E元素 :enabled
如果对象不提供__dir__()，则函数会尽量从对象的__dict__属性（如果已定义）和其类型对象中收集信息。结果列表不一定是完整的，并且当对象具有自定义__getattr__()时，可能不准确。...默认的dir()机制对于不同类型的对象具有不同的行为，因为它尝试生成最相关，而不是完整的信息： 如果对象是模块对象，列表包含模块的属性名。...如果对象是类型或者类对象，列表包含类的属性名，及它的基类的属性名。 否则，列表包含对象的属性名，它的类的属性名和类的基类的属性名。 返回的列表按字母顺序排序。...参数是一个对象、一个字符串和一个任意值。字符串可以是一个已存在属性的名字也可以是一个新属性的名字。该函数将值赋值给属性，只要对象允许。...zip()当迭代器元素不一致时，循环停止在较短的迭代器元素，较长的迭代器元素会被舍弃。如果这些值很重要，请改用itertools.zip_longest()。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
