css属性

2020-05-25  本文已影响0人  simplerandom
文字下划线,颜色
text-decoration: aqua underline;
文字后退10个fontsize
text-indent: 10em;
目标元素模糊
filter: blur(5px);

display

none
隐藏元素且不保留位置

<style>
    .a{
        display: none;
        
    }
</style>
<body>
    <div class="a">helo</div>
    <div>yes</div>
</body>

visibility

hidden
隐藏元素但保留位置

<style>
    .a{
        visibility:hidden;
        
    }
</style>
<body>
    <div class="a">helo</div>
    <div>yes</div>
</body>

overflow

hidden
文字超出div长宽不显示
auto以滑动条方式显示

<style>
    .a{
        overflow: hidden;
        height: 200px;width: 200px;
        border: hotpink 1px solid;
        font-size: 50px;
        
    }
</style>
<body>
    <div class="a">helogjfkl
        jgfkjdkjgkljslkgs
    </div>
    <div>yes</div>
</body>

选择器

li:nth-child(2n){
        background-color: green;
    }
    li:nth-child(2n+1){
        background-color: yellow;
    }
上一篇下一篇

猜你喜欢

热点阅读