美文网首页
CSS属性(2)

CSS属性(2)

作者: 潇潇翔子 | 来源:发表于2018-09-11 19:22 被阅读8次

    float 规定框是否应该浮动

    left    元素向左浮动。
    
    right   元素向右浮动。
    
    none    默认值。元素不浮动,并会显示在其在文本中出现的位置。
    
    inherit 规定应该从父元素继承 float 属性的值。
    

    clear 规定元素的哪一侧不允许其他浮动元素

    left    在左侧不允许浮动元素。
    
    right   在右侧不允许浮动元素。
    
    both    在左右两侧均不允许浮动元素。
    
    none    默认值。允许浮动元素出现在两侧。
    
    inherit 规定应该从父元素继承 clear 属性的值。
    

    transform向元素应用 2D 或 3D 转换,该属性允许我们对元素进行旋转、缩放、移动或倾斜

    transform: none|transform-functions;
    
    none    定义不进行转换。
    
    matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。
    
    matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)   定义 3D 转换,使用 16 个值的 4x4 矩阵。
    
    translate(x,y)  定义 2D 转换。
    
    translate3d(x,y,z)  定义 3D 转换。
    
    translateX(x)   定义转换,只是用 X 轴的值。
    
    translateY(y)   定义转换,只是用 Y 轴的值。
    
    translateZ(z)   定义 3D 转换,只是用 Z 轴的值。
    
    scale(x,y)  定义 2D 缩放转换。
    
    scale3d(x,y,z)  定义 3D 缩放转换。 
    
    scaleX(x)   通过设置 X 轴的值来定义缩放转换。
    
    scaleY(y)   通过设置 Y 轴的值来定义缩放转换。
    
    scaleZ(z)   通过设置 Z 轴的值来定义 3D 缩放转换。  
    
    rotate(angle)   定义 2D 旋转,在参数中规定角度。
    
    rotate3d(x,y,z,angle)   定义 3D 旋转。   
    
    rotateX(angle)  定义沿着 X 轴的 3D 旋转。
    
    rotateY(angle)  定义沿着 Y 轴的 3D 旋转。
    
    rotateZ(angle)  定义沿着 Z 轴的 3D 旋转。
    
    skew(x-angle,y-angle)   定义沿着 X 和 Y 轴的 2D 倾斜转换。
    
    skewX(angle)    定义沿着 X 轴的 2D 倾斜转换。
    
    skewY(angle)    定义沿着 Y 轴的 2D 倾斜转换。
    
    perspective(n)  为 3D 转换元素定义透视视图。
    

    相关文章

      网友评论

          本文标题:CSS属性(2)

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