html属性速查笔记

HTML介绍：

html5广义 = html5 + css3 +javascript

哪些支持HTML5:IE9

html5的结构:

html5结构

...

语法：

更加宽松，html5以下的语法都兼容

html5新增的标签:

导航

网页的块，与div相似

网页中文章的内容

网页文档的侧边栏

网页的页脚

占位文字

必须填写

输入框自动获取聚点

html5新增的属性：

email：限定用户输入的是email类型

url：限定用户输入的是url类型

date：限定用户输入的是日期类型

month：限定用户输入的是月类型

time：时间类型

week：周类型

number：数字类型

search：搜索框

color：颜色

range：滑块

视频：

支持：.ogg .mp4 .webm

第一种写法：

第二种写法：

音频：

支持：.ogg .mp3 .wav

第一种写法：

第二种写法：

CSS3

介绍：对css2加上新的语法，对css2进行删减、优化、扩充

属性选择器：

E ---- element 元素  data ---- 元素

E[data]             选择器带有data属性的元素对象，给该元素对象加样式

E[data="one"]  选择器带有data属性的元素对象，并且属性值等于one的加样式

E[data^="o"]    选择器带有data属性的元素对象，并且属性值以o开头的  ^开头

E[data$="e"]    选择器带有data属性的元素对象，并且属性值以e结尾的  $结尾

E[data*=“r”]     选择器带有data属性的元素对象，并且属性值包含r的  *包含

伪类：

E：only-child{}     选择只有一个子类的元素对象

E：nth-child(n){}    选择前几个子类的元素

E：nth-child(2n+1){} 、 E：nth-child(odd) 选择子类奇数的元素对象

E：nth-child(2n){}、E：nth-child(even) 选择子类偶数的元素对象

E：first-letter     设置第一个文字

E：first-line        设置第一行文字

E：:atert{}              在盒子里面的后面插入内容

E：:before{}           在盒子里面的前面插入内容

设置文本阴影：

Text-shadow：水平 垂直 模糊强调 颜色；

水平：正值     右侧 ，    负值     左侧

垂直：正值     下，     负值     上

可以有多组的值，直接用逗号相隔，就是多个阴影。

text-shadow：2px 2px 2px blue，-2px -2px 2px red;

设置盒子的阴影：

box-shadow：(水平 垂直)必须要有的属性 模糊强度 模糊尺寸 颜色 内外阴影inset ；默认是外阴影，但是如果不是外阴影不加outset

设置盒子的圆角：

border-radius：左上 右上 右下 左下

设置半透明颜色：

color:rgba(255,0,0,0.3)

backgroundcolor:rgba(0,0,0,0.6)