css 知识点，你有可能不知道欧!

1、【定位特性】

绝对定位和固定定位，同时设置left和right等同于隐式的设置宽度。

<style>
     span{

     position:fixed;

     left:30px;

     right:30px;

     border:1px solide #000;

}

</style>

<span></span>

2、【层叠上下文】

层叠上下文：小辈就是小辈，再厉害也是个小辈

3、【动画方向】

动画方向可以选择 alternate，来回交替进行

4、【居中】

实现水平垂直居中最简单的方式

<style>

mian{

     min-height:100vh;

     display:flex;

}

div{

      width:100px;

      height:100px;

      margin:auto;
     border:1px solide #000;

}

</style>    

<mian>

      <div></div>

</mian>

5、【背景重复新值】

background-repeat新属性值：round和space。前者表示凑个整，后者表示留点缝

巴特西

css 知识点，你有可能不知道欧!

最新文章

热门文章