美文网首页
HTML5学习小记一

HTML5学习小记一

作者: 涛涛灬灬 | 来源:发表于2017-02-28 09:54 被阅读0次

    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  

    相关文章

      网友评论

          本文标题:HTML5学习小记一

          本文链接:https://www.haomeiwen.com/subject/pxoiwttx.html