2.常用CSS

• background: linear-gradient(to bottom, #D8D8D8,#fff, #D8D8D8); 上#D8D8D8 中#fff 下#D8D8D8 的颜色渐变

• background:linear-gradient(#d0d0d0, white);颜色渐变(上到下)
  position: absolute; 绝对定位（相对于外面一层div的绝对定位）

• text-shadow: 1px 1px 1px #666; filter: Shadow(Color=#666666, Direction=135, Strength=5); 文字阴影

• box-shadow: 5px 5px 5px #666; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; 盒子阴影

• position:fixed; right: 20rpx;定位到右边 相对于浏览器窗口进行定位。

• float:right; 浮动是针对上级 clear: both;清除浮动

• text-decoration: line-through 原价效果(文字中间有斜杠)

• display: flex;
  justify-content: center;
  flex-direction: column-reverse; 竖向排列并且倒序,按比例居中

• display: flex;
  flex-direction: column; 纵向 display: flex; flex-direction: row; 横向

• \n空格

  ---

  下划线
  空格 text-align: center;文本居中

• display 属性 block，可以让行内元素表现得像块级元素一样,图片变得没有外边距 none，让生成的元素根本没有框。
  display: none; 隐藏 display: block; 显示
  display: inline 使段落生出行内框 inline-block 让块级元素变为行内元素

• letter-spacing:5rpx; 字间距
  text-align: right; 文本靠右

• width: 500rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 文字超出两行省略

定位 position 它的值为：

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative 生成相对定位的元素，相对于其正常位置进行定位。

static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

inherit 规定应该从父元素继承 position 属性的值。