1.设置了float为(left/right)或者position为absolute/fixed的元素将自动变为块级元素，可直接设置宽高，无需再添加：display:block;
2.伪元素:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素。
注意：(1)需要和content属性一起使用，
(2)这个伪元素默认是行内元素，不过可以使用display改变这一点。
3.隐藏元素的八种方法
overflow:hidden; /* 占据空间，无法点击 */
opacity:0； /* 占据空间，可以点击 */
visibility:hidden； /* 占据空间，无法点击 */
display:none； /* 不占据空间，无法点击 */
position:absolute； /* 不占据空间，无法点击 */
clip(clip-path):rect()/inset()/polygon(); /* 占据空间，无法点击 */
z-index:-1000； /* 不占据空间，无法点击 */
transform:scaleY(0)； /* 占据空间，无法点击 */
原文：https://www.cnblogs.com/stardreams/p/12618611.html