4.10 新增css3

 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元素，而匹配元素获取焦点