CSS 属性和方位

padding四个参数的意义：

    总是记不住这四个位置，再次记忆下：

1.  
   四个参数：
2.  
   padding:10px 20px 30px 40px 分别代表：上、右、下、左四个边框的边距值（顺时针方向记就好啦）
3.  
   三个参数：
4.  
   padding:10px 20px 30px 分别代表：上：10px、 左右各20px、 下：30px
5.  
   两个参数：
6.  
   padding:10px 20px 分别代表：上下各10px、 左右各20px
7.  
   一个参数：
8.  
   padding:10px 代表上下左右边距值都是10px

shadow四个参数方位：上，下，左，右

1.  
   box-shadow: inset 0 5px white, inset 0 -5px #bbb, inset 5px 0 #d7d7d7, inset -5px 0 #d7d7d7;
2.  
    
3.  
    
4.  
    
5.  
   inset:指从外层的阴影（开始时）改变阴影内侧阴影

css设置rgb两种方式

1.  
    
2.  
   backgroud-color:rgba($color:#fffff,#alpha:0.3) //设置背景为白色，透明度0.3
3.  
    
4.  
   background-color:rgba(255,255,255,0,0.3)

flex设置固定宽度

1.  
   flex: 0 0 200px;
2.  
    
3.  
   第三个参数设置宽度，具体每个参数的意思是：
4.  
    
5.  
   0 - 不拉长（flex-grow）
6.  
   0 - 不缩短（flex-shrink）
7.  
   200px - 开始于 200px （flex-basis)

这篇好文章是转载于：学新通技术网