css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类

【css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类】的更多相关文章

css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类

后代选择器祖先元素后代元素{ } 子元素选择器(直接子元素选择器) 父元素>子元素{ } 兄弟选择器元素+兄弟元素(紧邻该元素之后的下一个兄弟元素) 所有兄弟元素选择器元素~兄弟元素(该元素之后的所有兄弟元素) <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8">…

python 全栈开发，Day47(行级块级标签,高级选择器,属性选择器,伪类选择器,伪元素选择器,css的继承性和层叠性,层叠性权重相同处理,盒模型,padding,border,margin)

一.HTML中的行级标签和块级标签块级标签常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd 1.独占一行,不和其他元素待在同一行2.能设置宽高3.如果不设置宽高,默认为body100%宽度行级标签常见的行级标签:a,span,strong,u,em 1.能和其他元素待在同一行2.不能设置宽高3.宽高是内容的宽高行内块标签常见的行内块标签:img,input,textarea1.能和其他元素待在一行2.能设置宽高 span默认是不能设置宽高的,但是设置了displ…

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法一丶什么是JQuery JQuery: JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: 链式编程:可以.的形式实现多个功能 …

CSS3 01. CSS3现状、属性选择器、伪类选择器、结构伪类、伪元素选择器、颜色、文本阴影shadow、盒子模型、私有化前缀

CSS 3 现状兼容性差,需添加私有前缀/移动端优于PC端/不断改进中/渐进增强原则/考虑用户群体/遵照产品的方案 : CSS3手册需要阅读其--阅读及使用指引 []表示全部的可选项 || 或者 | 表示多选一 ? 表示 0个或1个 * 表示 0个或多个 {}表示范围 {A}代表出现A次 ,{A,B}代表出现A次以上B次以下 ,B可以省略,{A,} 代表至少出现A次,无上限 # 出现1次以上,以逗号隔开,可以选择后面跟大括号的方式精确表示重复次数:<length>#{1,4}. !代表…

CSS3新增（选择器{属性选择器，结构伪类选择器，伪元素选择器}）

1.属性选择器属性选择器,可以根据元素特定的属性来选择元素,这样就不用借助类或者 id选择器. E [ att ] 选择具有 att 属性的 E 元素例如:input [ value ] E [ att = 'val' ] 选择具有 att 属性且属性值等于 val 的 E元素 E [ att = 'val' ] 选择具有 att 属性且属性值等于 val 的 E元素 E [ att ^= 'val' ] 选择具有 att 属性且属性值以 val 开头的 E元素 E…

CSS 选择器之基本选择器属性选择器伪类选择器

CSS 选择器常见的选择器列表图 CSS选择器笔记基本选择器通配符选择器(*) 元素选择器(E) 类选择器(.className) 所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持. id选择器(#ID) 多元素选择器(E,F) 后代选择器(E F) 子元素选择器(E>F) IE6不支持子元素选择器. 子元素选择器,匹配所有E元素的子元素F 相邻元素选择器(E + F) 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F…

第49天学习打卡（CSS 层次选择器结构伪类选择器属性选择器美化网页元素盒子模型）

推荐书籍:码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按:ctrl +alt+L快捷键注释快捷键:ctrl+/ 1.后代选择器:在某个元素的后面祖爷爷爷爷爸爸你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* 后代选择器 */ body p{ background: red; } </style> 2.子选择器: 只有一代 ,儿子 /* 子选择器*/ body>p{ background…

HTML[2种特殊选择器]_伪类选择器&属性选择器

本文介绍两种特殊的选择器 1.伪类选择器 2.属性选择器 1.伪类选择器 ...: nth-of -type (x) x为同类型兄弟元素中的排名例如: <body> <ul> <li><a href="xxx.doc">word文档</a></li> <li><a href="xxx.ppt">ppt文档</a></li> <li>&…

CSS3 选择器——属性选择器

上一节在<CSS3选择器——基本选择器>中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器.属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式.使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值. 从上一节展示的CSS3选择器的图表中,我们可以知道,CSS3的属性选择器主要包括以下几种: E[attr]:只使用属性名,但没有确定任何属性值: E[attr=…

css3新增的属性选择器

使用css选择器,可以实现一个样式对应多个html文档的元素,在{}前面的部分就是"选择器",指明了样式的作用对象. 在CSS中追加了三个属性选择器:[att*=val].[att^=val]和[att$=val] id="top" att就是id,类似的如class,href~~等属性. [att*=val]属性选择器如果元素att属性的属性值中包含val指定的字符,那么该元素使用这个样式.[att^=val]属性选择器如果att属性的属性值的开头字符为用va…