zoukankan      html  css  js  c++  java
  • css3 和 html5知识点 笔记

    1、给为元素动态获取内容

      content: attr(data-content); 

      data-content是某元素的属性

    2、rotate(顺时针: + , 逆时针: -)

      rotateX : 绕着X轴旋转;

      rotateY : 绕着Y轴旋转;

      rotateZ : 绕着Z轴旋转;

      perspective属性用来设置观点,在css3模型中,视点是自Z轴所在的方向上

    3、translate

      translateX : 屏幕上左右移动;向右移动 +

      translateY : 屏幕上上下移动 ; 向下移动 +

      trsformZ:  直观形式就是大小的变化,实质上就是相对与十点的远近变化,

        比如: 设置perspective为200px,那么trsformZ的值越接近200,就是离得越近,看上去也就越大,超过200就看不到了,因为相当于跑到后脑勺去了

      如果是设置3d正方体的话,一般宽度200px的话。设置其内容transform: translateZ(100px);但是后面的那一面需要设置transform: translate(-100px);左右和上下的旋转各一正一负。

     4、flex子元素超出换行

      在flex设置中,如果要设置子元素超出换行的话,并且要设置子元素的宽度的话,通过一下的设置就可以实现

      比如: 设置宽度为25%

    flex: 1 1 25%;
  • 相关阅读:
    js中定义变量的三种方式const,val,let 的区别
    jquery中attr和prop的区别
    jQuery prop() 方法
    toFixed()方法
    java中匿名类的讲解
    Java序列化的几种方式以及序列化的作用
    classloader加载过程
    有关java中static关键的重写问题
    java泛型的讲解
    真实的周星星,你了解吗?
  • 原文地址:https://www.cnblogs.com/qzccl/p/6812687.html
Copyright © 2011-2022 走看看