2024年04月08日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
伪元素
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; 元素隐藏不可见，位置保留（看不见，摸得着）。
本文链接：http://so.lmcjl.com/news/1466/