伪元素 before、after的介绍 和 元素隐藏不可见的两种方式区别

伪元素

1.元素 before

    在父元素中所有子元素的开头添加一个伪元素

    eg:

.box:before{
    content: "SharedBlog"; 或 content: url(img/1.jpg);
}

2.元素 after

    在父元素中所有子元素的最后添加一个伪元素

    eg:

.box:after{
    content: "百变鹏仔";
    display: block;
    width: 500px;
    height: 300px;
}

    注：

        ① 伪元素是内联元素；

        ② 无论伪元素的内容是否为空，content都必须添加，不能省略；

        ③ :after 常用来清除浮动，解决高度塌陷问题。

元素隐藏不可见的两种方式的区别

    （display: none; 和 visibility: hidden; 的区别）

    ① display: none; 元素隐藏不可见，位置不保留（看不见，摸不着）；

    ② visibility: hidden; 元素隐藏不可见，位置保留（看不见，摸得着）。

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓