1.画一个三角形

.box{
            width: 0;
            height: 0;
            border-width: 100px;
            border-style: solid;
            border-color: transparent #0099CC transparent transparent;
            transform: rotate(90deg); /*顺时针旋转90°*/
 }

<div class="box"></div>

2.隐藏一个元素的3种方法和区别

display:none;   不占位置
visibility:hidden；占位置
opacity:0;    占位置

3. position的五种定位

relative 相对定位

absolute 绝对定位

fixed  固定定位

static 默认定位

sticky 粘性定位

4.清除浮动的五种方法

1.伪对象法
.clearfloat:after{
    content:"";
    display:block;
    clear:both;
    height：0；
    overflow:hidden;
}
.clearfloat{
    zoom:1;
}
2.父元素加clear:both;
3.父元素加overflow:hidden;
4.空div法
    浮动元素的后面，加一个 <div class="clear"></div>
    添加样式.clear{clear:both;}
5.父元素加height（父元素高已知）