css小技巧

1. border颜色不写默认与color一致
2. css实现三角形
               .triangle3{
                   width:0;height:0;
                   border:100px solid;
                   border-color:red transparent transparent orange;
               }
3. css实现梯形     .triangle4{
                   width:600px;
                   border:100px solid;
                   border-color:transparent  transparent #c00;
               }
4. css3中drop-shadow可以给png图标赋色   .icon{ filter: drop-shadow(20px 0 #ff8040;}
5. border不支持百分百宽度
6. 定位元素默认z-index:auto可以看成是z-index:0;
7. z-index不为auto的定位元素会创建层叠上下文
8. z-index层叠顺序的比较止步于父级层叠上下文