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

伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg:.box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg); }2.元素 after 在父元素中所有子元素的最后添加一个伪元素 eg:.box:after{ content: "百变鹏仔"; display: block; widt 0 Comments

伪元素


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; 元素隐藏不可见，位置保留（看不见，摸得着）。


本文链接：https://my.lmcjl.com/post/20925.html

展开阅读全文

相关文章

4 评论

留下您的评论.