css 常用的样式

文字：

div{ text-align:left } div标签对象内内容（图片和文字等）将靠左对齐

div{ text-align:right} div标签内内容（图片和文字等）靠右对齐将

div{ text-align:center } div标签内内容（图片和文字等）将居中对齐

 line-height:30px; height:30px; 文字的水平居中

font-family:"宋体";----------------字体

font-size: 1em; ---------------文字大小

border-radius:5px; ----------------边框圆角

box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); ------------底部阴影

样式：

（微信端写样式的时候：宽度单位用百分比，高度单位用em）

#box_relative {绝对定位：
  position: absolute;
  left: 30px;
  top: 20px;
}

#box_relative {//相对定位
  position: relative;
  left: 30px;
  top: 20px;
}

margin: 1em auto; ---------居中

display: block; ------------变为块级元素

省略号的设置

1. width: 100%;
2. font-size: .6em;
3. line-height: 2em;
4. color: #aaa;
5. word-break: break-all;
6. display: -webkit-box;
7. -webkit-line-clamp: 2;
8. -webkit-box-orient: vertical;
9. overflow: hidden;
10. text-overflow: ellipsis;

1. width: 100%;
2. font-size: .6em;
3. line-height: 2em;
4. color: #aaa;
5. word-break: break-all;
6. display: -webkit-box;
7. -webkit-line-clamp: 2;
8. -webkit-box-orient: vertical;
9. overflow: hidden;
10. text-overflow: ellipsis;