html css小知识点收集

1. css画三角形

2. CSS选择除最后一个之外的所有子元素

3. CSS选择前两个和后两个元素以外的所有子元素

     .flex-container div:nth-child(n+2):nth-last-child(n+3){
       width: 20%;
     }
   

4. box-sizing和background-clip的结合使用可以达到盒子宽高固定并且背景只在内容区域的效果

   article * {
       width:100px;
       height:100px;
       background:red;
       padding: 10px;
       box-sizing: border-box;
       background-clip:content-box;
   }
   

5. box-shadow

6. margin标记可以带一个、二个、三个、四个参数，各有不同的含义。