HTML5学习小记一

1.overflow :

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条-(来自w3school),对内容展示不了时,生成一个滚动条;常用属性:

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

hidden 内容会被修剪，并且其余内容是不可见的。

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

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

inherit 规定应该从父元素继承 overflow 属性的值。

2.动画:  -webkit-transform: rotate(90deg);

  -webkit代表谷歌内核识别码 ;;

旋转 rotate   参数为角度，单位deg是多少度，正数为顺时针旋转，负数为逆时针旋转;

缩放 scale  一参transform: scale(0.5)  二参transform: scale(0.5, 2);

一个参数时：表示水平和垂直同时缩放该倍率

两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍率。

倾斜 skew  一参transform: skew(40deg)  二参 transform: skew(40deg, 40deg);

一个参数时：表示水平方向的倾斜角度；

两个参数时：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度。

移动 translate  一参transform: translate(50px)  二参 transform: translate(50px, 150px);

一个参数时：表示水平方向的移动距离；

两个参数时：第一个参数表示水平方向的移动距离，第二个参数表示垂直方向的移动距离。

3.  val()  

该方法返回或设置被选元素的值。如果未设置参数，则返回被选元素的当前值。

  

$("input:text").val()  输出为back