css常用样式

超过一行省略显示

 overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

超过2行省略显示：

  display: -webkit-box;

  word-break: break-all;

  text-overflow: ellipsis;

  overflow: hidden;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

z-index

z-index表示谁压着谁。数值大的压盖住数值小的。
只有定位了的元素才能有z-index值，不管是相对、绝对、固定定位都可以使用z-index值，而浮动的东西不能用。
如果都没有z-index值，谁写在后面谁盖住谁。
z-index没有单位，是一个正整数。默认的z-index值是0。

box-shadow

属性：box-shadow
语法：
box-shadow: h-shadow v-shadow blur spread color inset;
取值：由一组值构成的值列表

• h-shadow：必须值，表示阴影的水平偏移距离，取值为正，右偏移，为负左偏移，单位px
• v-shadow：必须值，表示阴影的垂直偏移距离，取值为正，下偏移，为负上偏移，单位px
• blur：可选，阴影的模糊距离，取值为数值
• spread：阴影的大小，在原有基础上扩充的大小
• color：阴影的颜色
• inset：将默认的外阴影改为内阴影

vertical-align

设置文本垂直对齐方式

baseline(默认值)、sub(上标对齐)、super(下标对齐)、bottom(行框底端对齐)、text-bottom(行内文本底端对齐)、top(顶端对齐)、middle(居中对齐)