本文主要是介绍CSS常用样式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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（父元素高已知）

这篇关于CSS常用样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！