zoukankan      html  css  js  c++  java
  • CSS3

                                                   CSS3

    1.选择器:Id class 标签 子代 后代 交集 并集  * 伪类 结构 属性 相邻+ 兄弟~ 

    2.浏览器的内核

      谷歌:-webkit-transition

      opera :gecko

      IE:trident

      欧朋:presto

      国内浏览器:webkit

    3.CSS3针对同一样式在不同浏览器的兼容 需要在样式属性前加上内核前缀

      谷歌:-webkit-transition

      Opera:-o-transition

      Firefox:-moz-transition

      IE: -ms-transition

    4.CSS3中的过渡属性 transition

      

       

       注意:时间一定要带单位

    5.animation

       

    6.2D和3D

      CSS3中的3D和2D特效都是方法(函数)提供了四个方法

      translate()平移,两个参数 mpx npx

      rotate() 旋转 参数number deg(角度)

      scale() 缩放 参数2是数字,1代表不变

      skew() 拉伸  他们只是充当属性值的。Xdeg ydeg

     3D

      (1)原理 近大远小  视距perspective

          元素要有3D的效果 perspective视距给它的父级元素

           transform-style:preserve-3d;3d的内部子元素构成3d效果

     案例:

      border 分了三个属性 border-style border-color border-width

     

  • 相关阅读:
    js返回到顶部
    css培训一
    css常用hack技巧
    css培训二
    css样式渲染规则
    html语义(一)
    css样式表管理
    html+css培训方案
    继承
    封装
  • 原文地址:https://www.cnblogs.com/yuanjingjing/p/10554239.html
Copyright © 2011-2022 走看看