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 type="text" name="text1" value="back" />
$("input:text").val() 输出为back
网友评论