基于HTML5的APP开发学习（二）

属性选择器中还可以包含=、~、^、$、|、*等符号，=表示相等，~表示空格分隔的包含，|表示以连字符分隔的开始，^表示开始，$表示结尾，*表示任意。

伪元荤

 a:hover必须位于a:link和a:visited之后，这样才能生效；a:active必须位于a:hover之后，这样才能生效。

：before  用于在某个元素之前插入一些内容

：after  用于在某个元素之后插入一些内容

：root 匹配文档根元素。

：not选择器，匹配非指定元素或选择器的每个元素。

：empty选择器，匹配没有子元素的每个元素，以下样式声明指定空的<p>元素的背景色为红色。

：enabled，匹配每个可用的元素

：disabled，匹配每个被禁用的元素

：checked，匹配每个已被选中的元素（只用于单选按钮和复选框）。

：first-of-type，元素下每个标签类型的第一个元素

：last-of-type，元素下每个标签类型的最后一个元素

：only-of-type，元素下每个只出现一次的标签类型

：only-child，元素下只有一个子元素的标签

：nth-child（n): 元素的第n个子元素，n的可取值：even和odd

：nth-last-child（n） 同上，从最后一个元素开始计数

：nth-of-type（n）：元素对应类型的第n个，2n+1表示奇数，2n表示偶数

：nth-last-of-type（n）：同上，但是从最后一个子元素开始计数

：last-child： 元素的最后一个子元素

盒内容显示

overflow属性定义了溢出元素内容区的内容如何处理，属性为下列值之一：

visible，默认值，内容不会被修剪，呈现在元素框之外。

hidden，内容会被修剪，其余内容看不见。

scroll，内容会被修剪，浏览器会显示滚动条以便查看其余的内容。

auto，如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit：从父元素继承overflow属性的值。

overflow-x，overflow-y，属性设置内容的左/右边缘进行裁剪的方式和对内容上/下边缘进行裁剪的方式

position属性

static, 默认值，没有定位，元素出现在正常的流中

absolute， 生成绝对定位的元素，元素定位后生产一个块级框

fixed，生成绝对定位的元素，相对于浏览器窗口进行定位‘’

relative， 生成相对定位的元素

inherit，规定应该从父元素继承position属性的值

resize属性

none，用户无法调整元素尺寸

both，用户可调整元素的高度和宽度

horizontal，用户可调整元素的宽度

vertical，用户可调整元素的高度

边框

border-style，属性为4时，从左到右分别代表上、右、下、左四个边框。

属性值为3个时，从左到右分别代表上、右和左、下。

属性值为2个时，从左到右分别代表上和下，右和左。

属性为1个时，对所有边框的设置。

文本效果

direction，设置文本方向，ltr，默认，文本方向从左到右，rtl，文本方向从右到左

text-align， 对齐元素中的文本，可取值：left，right，center，justify

@keyframes规则，用于设置动画。

css变形

transform：translate

rotate（），用于设置元素顺时针旋转指定的角度。角度单位为deg。

scale（），用于设置元素的尺寸增加或减少。

skew（），用于设置元素倾斜指定的角度。