::before::after伪元素非空标签的元素有自己的两个伪类：::before和::after，但它们通常隐藏在所有添加东西之前的元素之前伪元素中添加东西之后elementsafterallelements里加的东西不能被选择（点击、复制等）或执行操作（悬停、点击等）伪类可以做所有元素可以有的css属性，但是独立的::before和::伪元素一般隐藏后，需要添加css属性才能显示出来~~/*content是给元素添加内容；content:""是给元素添加空内容*/csscontent:"";display:block;简单的说，::before和::after伪元素是块级元素的第一个元素和最后一个元素，其他都是一样的，只是这两个元素不能再有子元素，也没有操作比如hover,click,mouseout等可以有选择器:pseudo-class::after,selector:pseudo-class::before来操作动态div:hover::after{color:red;}div:hover::before{color:red;}broken绝对定位的元素自动更改为blockbox-sizing:border-box;也就是说border也算在元素的宽高里面给css动画：mdnchange:transform:rotatetransition:transition做一个进度条包裹在两个div里面，加上背景色的logo看得清楚
