前端学习:css知识点补充

知识点补充1--box-shadow里模糊半径+扩散半径的区别

只有模糊半径

 

 

只有扩散半径

 

 

 

知识点补充2--文字超出使用省略号代替

    .d1{

      width: 50px;

     

      background-color:rgb(169, 131, 75);

     

      overflow:hidden;

      text-overflow:ellipsis;

      display:-webkit-box;

      /*! autoprefixer: off */  

      -webkit-box-orient:vertical;

      /* autoprefixer: on */

      -webkit-line-clamp:1;/* 省略后展示行数 */

      word-break:break-all;/*追加这一行代码*/

     

    }

 

 

知识点补充3--在链接里拿到的图片展示不出

在url连接里打开图片打不开加上referrerpolicy='no-referrer'