css3属性

文本阴影 盒子阴影

 text-shadow:;

      第一个值  水平X的距离
      第二个值  垂直Y的距离
      第三个值  模糊程度
      第四个值  颜色


  box-shadow:;

      第一个值  水平X的距离
      第二个值  垂直Y的距离
      第三个值  模糊程度
      第四个值  阴影的大小
      第五个值  颜色
      第六个值  内阴影inset**

字体换行

     word-wrap:;  
                      文本换行

                      normal  默认值 
                      break-word   长单词  url 换行

     word-break   
                      break-all  
                                  粗暴的方式 直接换行 单词也能分开
                      keep-all 
                                  半角符号和连字符换行

背景

     background  
                                background-origin  背景原点  
                                
                                                padding-box  默认值
                                                border-box
                                                content-box
                                                
                                background-clip   背景裁切
                                                 
                                                padding-box  
                                                border-box   默认值
                                                content-box
       

                                background-size  背景大小
                                
                                                像素
                                                百分比
                                                cover  覆盖 等比扩大铺满整个盒子
                                                contain  等比扩大到宽度或高度到最大

图片边框

       边框图片  
                          
                          border-image  简写

                          border-image-source     图片地址
                          border-image-slice      图片裁剪  九宫格 
                                                  第一个值代表横向裁剪的像素
                                                  第二个值代表纵向裁剪的像素
                         
                          border-image-repeat     repeat  平铺
                                                  round   铺满
                                                  stretch  拉伸 默认值

圆角

 border-radius  
                                         一个值   四周
                                         两个值   左上右下  右上左下
                                         三个值   左上  右上左下 右下
                                         四个值   顺时针  左上 右上 右下 左下
                                         八个值   左上 右上 右下 左下（水平半径）/左上 右上 右下 左下（垂直半径）

width属性

 width   属性
                           
                            fill-available    合理规划元素其他空间的分配 不受padding的影响
                            fit-content       内容确定宽度
                            max-content       根据子元素中最大的宽度确定父元素的宽度
                            min-content       根据子元素中最小的宽度确定父元素的宽度

calc

 calc() 函数用于动态计算长度值。
         
         需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
         任何长度值都可以使用calc()函数进行计算；
         calc()函数支持 "+", "-", "*", "/" 运算；
         calc()函数使用标准的数学运算优先级规则；