@media not print {
    @media (min-width:XXpx) and (max-width:XXpx) {
        @media (orientation:landscape){
        
        }
    }
}

transform: translate(XXpx,XX%,XXrem);
           translateX(XXpx);
           translateY(XXpx);
           translateZ(XXpx);
           
           /*一个值：x轴偏移量*/
           /*两个值：x轴偏移量 y轴偏移量*/
           /*三个值：x轴偏移量 y轴偏移量 z轴偏移量（z轴偏移量不能用 %）*/

transform: rotate(-180deg);     /*2D旋转*/
           rotatex(-180deg);    /*沿 x 轴3D旋转*/
           rotatey(-180deg);    /*沿 y 轴3D旋转*/
           rotatez(-180deg);    /*沿 z 轴3D旋转*/

transform-origin: top center XXpx;
                  /*一个值：x轴偏移量 （XXpx，XX%，center...）*/
                  /*两个值：x轴偏移量 y轴偏移量 （XXpx，XX%，center...）*/
                  /*三个值：x轴偏移量 y轴偏移量 z轴偏移量 （z轴偏移量只能用 XXpx）*/

background-clip: border-box;        /*从边框开始背景可见，默认*/
                 padding-box;       /*从 padding 开始可见*/
                 content-box;       /*从内容区域开始可见*/

border-left:
border-right:
border-top:
border-bottom:
border: 粗细（默认3px）  样式  颜色

color: red;
       rgb(255,0,0);
       #f00;

background-color: green;