HTML+CSS \01

1、如何实现不确定宽高的盒子上下左右居中

     c3的属性，移动自己大小的一半

div{
      position:absolute;
      top:50%; //相对于父元素
      left:50%; //相对于父元素
      transform:translate(-50%,-50%); //相对于自己
    }

2、如何实现不确定宽高的图片上下左右居中

 img{
     position:absolute;
     top:0; /* 四周拉力相同 */
     right:0; /* 四周拉力相同 */
     bottom:0; /* 四周拉力相同 */
     left:0; /* 四周拉力相同 */
     margin:auto; /* 再设置 marign 自动 */
   }

3、纯css写倒三角的原理：

.kailong{
        width:0;
        height:0;
    border-right:50px solid transparent;
    border-left:50px solid transparent;
    border-bottom:50px solid red;
}