zoukankan      html  css  js  c++  java
  • CSS总结2

    1、动画:

    1. transform:rotate(10deg);

         transform:scale(2),

               scaleY(2),

               scaleX(2),

                               scale(1,1)

                               scale(-1)---让元素翻转,产生镜像效果

               transform:translateX(), ----移动

                                translateY(),

                                translate()

              transform:skew(45deg,0)---沿X轴 , Y轴

           2、transition:

               transition-property:要以动画形式展示的属性

        transition-duration:动画持续时间

        transition-timing-function:linear,ease,ease-in,ease-out,ease-in-out控制动画期间的速度

           3、animation:

        .animationClass{

            animation-name:fadeIn;

            animation-duration:1s;

             animation-delay:1s;

        }

        @keyframes fadeIn{

          from{

               opacity:0;

             }

             to{

               oparity:1;

             }

        }

    2、表格的处理:

    1. 如果将border-collapse的属性值设为collapse,浏览器会忽略所有的border-radius
    2. 奇偶行:

        tr:nth-of-type(odd){}

        tr:nth-of-type(even){}

      3、vertical-align:将表格内容与表格单元某一部位对齐:top,baseline,middle,bottom

    3、定位:

    1. 不要在一个样式中同时设置float属性以及任何一种定位
    2. 掩藏元素:

        visibility:hidden 阻止浏览器显示元素内容,并在该元素的原来位置留下一个窟窿

        display:none   不着痕迹的从网页上消失

               opacity:0  |  1

  • 相关阅读:
    python打包
    tkinter python(图形开发界面)
    Pyinstaller 打包exe文件 取消dos窗口(黑框框)
    PHP知识点(转载https://www.cnblogs.com/mapsxy/p/9977744.html)
    Java去除字符串中的空格
    开心
    原型链—— javascript
    ajax跨域jsonp —— javascript
    ajax异步 —— javascript
    this —— javascript
  • 原文地址:https://www.cnblogs.com/zhanghuiyun/p/5274684.html
Copyright © 2011-2022 走看看