小程序

  /* 圓角設置 */
  border-radius: 100%;

橫縱布局屬性

/* 橫向 */
display: flex;flex-direction: row;

/*縱向*/
display:flex;flex-direction: column;

/*居中*/
 display: flex;
  justify-content: center;
  align-items: center;

/*固定布局*/
 position: fixed;

/*字體加粗*/
   font-weight: bold; 

/*文本首行縮進*/
  text-indent: 20rpx;
  text-align: left;

/*取消文本首行縮進*/
   text-indent: 0rpx;
  padding-left: 0rpx;
  text-align: left;

溢出文本處理

單行

    /*固定寬度*/
    width: 100rpx;
    /*超出部分隱藏*/
    overflow:hidden;
    /*不換行*/
    white-space:nowrap;
    /*添加...*/
    text-overflow:ellipsis;

多行

display: -webkit-box ;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2; 

-webkit-line-clamp:2;//這是設置顯示的多少行。

-webkit-box-orient：vertical。

word-break：規(guī)定自動換行的處理方法。

文本縮進

  text-indent: 20rpx;

  text-align: left;

取消縮進

text-indent: 0rpx;
  padding-left: 0rpx;
  text-align: left;

陰影設置

Box Shadow
*   [Box Shadow(陰影)]
*   [Text Shadow(文本陰影)]
*   [Text Stroke(文本描邊)和text-fill-color(文本填充色)]
*   [border-radius(圓角)]
*   [webkit內核的safari、 Chrome的Linear Gradients (線性漸變)]
*   [Firefox的Linear Gradients (線性漸變)]
*   [transform(變形)和transform-origin(變形原點)]