CSS常用样式

最新推荐文章于 2024-08-14 21:07:25 发布

Code-小白

最新推荐文章于 2024-08-14 21:07:25 发布

阅读量147

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/qq_57264830/article/details/120643127

版权

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