css进阶

1. css clip属性：这个属性用于定义一个剪裁矩形
   clip属性裁剪绝对定位元素，只在position: absolute下才有效；如果先有"overflow：visible"，clip属性也不起作用，会根据 overflow 的值来处理
   唯一合法的形状值是：rect (top, right, bottom, left)，单位px，所有的数值都表示位置，且是相对于原始元素的左上角而言的
   如果4个值不能围成一个矩形，那就什么都看不见了
   可以利用这点达到隐藏盒子的效果；
   

   img {
     position: absolute;
     clip: rect(0px,0px,0px,0px);
   }

    

2. clip-path手写css各种形状【推荐】
   
   

3. 改变checkbox的大小只需给checkbox元素加上zoom属性即可，如style=“zoom：60%”；
   
   
4. 盒子横向滚动时隐藏滚动条：
   

   .el {
     overflow-x: auto;
   }
   .el::-webkit-scrollbar {
     display: none;
   }