码迷,mamicode.com
首页 > Web开发 > 详细

4.10 新增css3

时间:2020-04-11 00:48:37      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:focus   上传   运算   提示   属性   tput   一个   ida   列表   

 2:新增表单的html属性
min/max
required:如果表单没有输入内容的情况下,禁止提交
step确定个法定值eg :3 -6-3 3 6 9
autocomplete自动提示信息 属性值 on/off
placehoIder:文本框的提示信息
autofocus:自动聚焦
pattern:属性值是一个正则表达式(高效的字符串处理规则)
novalidate:取消验证
multiple:选择 (上传)多个文件\输入框中面把逗号分隔的当作两个文件
 

list 属性
3:表单里而新增标签
<datalist>
必须和datalist标签结合使用,绑定的
做提示信息的必须和list属性结合使用
<datalist><option value=“”></datalist>
可以追加一个labe1属性
<output for=”关联的是要做运算的元素的id名称"><output>
 
css属性选择器:通过 html属性选择对应的标签
1选择符[属性名]{ }:当一个元素有当前html属性值名称则匹配成功.
2选择符[属性名=”属性值"]:属性和属性名都匹配成功才做选中
3选择符[属性~=”属性值"]:当前属性的属性值为个词列表(多个单词以空格隔开),只要有当前指定的词就能匹配.
4选择符[属性^="字符"]:当这个属性值丌头的时候被匹配(只要开头匹配就行)
5选择符[属性$="字符"]:当这个属性值结尾的时候被匹配(只要结尾匹配就行)
6选择符[属性*="字符"]:只要属性值里面包含这个宁符就能匹配
7属性值[属性|="字符"]:属性值仅有当前宇符或者以字符 - 开头的(left- con )
结构性伪类选择器:通辻第几个查找
h2:first-child { }:迭中h2所在整个集合里由第个h2
h2: last-child { }:迭中h2所在整个集合里面最后·个h2
h2:nth-child(第儿个){}:通辻第儿个逃行査找 (第儿个)
h2 :nth-last-child(倒数第几个){ }
h2:only-chi1d { }:当前集合里面只有一个h2オ会被选中

h2:first-of-type { }:迭中 h2所在整个集合里的第一个h2
h2: last-of-type {. }:迭中h2所在整个集合甲面最后· 个h2
h2 :nth-of- type(第儿个){}:通辻第儿个逃行査找(第儿个)
h2 :nth- last-of-type(倒数第儿个){ }
h2:only-of-type { }:当前集合里而只有一个h2オ会被迭巾
息結:
分析:当前同级元素是否カ一类,如果非一类的情况下选择of-type选中
 
: enabled  表单元素叮用的时候执行的样式
:disabled 表单元素禁用的时候执行的样式
:checked 表单选中(单选多选按钮选中的时候)
:: selection 文本选中的时候的样式.
 
E**:link* *
链接伪类选择器
选择匹配的E元素,而且匹配元素被定义了超链接并木被访问过。常用于链接描点
E** :visited**
链接伪类选择器
选择匹配的E元素,而H.匹配元素被定义了超链接并已被访问过。常用于:链接描点
E**: active**
用户行为选择器
选择匹配的E元素,山匹配元素被激活。常用于链接描点和按钮上
E: **hover**
用广行为选择器
选择匹己的E元素,且用广鼠标停留在元素E上。IE6及以下卜 浏览器仅支持a :hover
E: **focus **
用户行为选择器
选择匹配的E元素,而匹配元素获取焦点
 

4.10 新增css3

标签:focus   上传   运算   提示   属性   tput   一个   ida   列表   

原文地址:https://www.cnblogs.com/xiaokeai233/p/12676954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!