CSS_常用样式(font，background，overflow，border，cursor)

文本样式(font)

加载本地字体：font-family: Arial,'Microsoft YaHei',sans-serif
字体颜色：color:red;
字体大小：font-size: 20px;
字符间距：letter-spacing: 4px; // 设置每个字符之间的间距
文本方向(垂直方向，从右向左阅读)：writing-mode: vertical-rl;
文本方向(垂直方向，从左向右阅读)：writing-mode: vertical-lr;
文本竖直(或倾斜)方向text-orientation: mixed;
文本下划线：text-decoration: underline
文本中划线：text-decoration: line-through
文本上划线：text-decoration: overline
去掉a标签的下划线：text-decoration: none
强制文本不换行：white-space:nowrap;

text-overflow: clip // 溢出文本直接截断
text-overflow: ellipsis // 溢出文本省略号(代替最后一个字符)显示
text-overflow: ellipsis-word // 溢出文本省略号(代替最后一个词)显示

段落样式(多行文本)

行间距：line-height: 36px;
缩进：text-indent: 2em
不换行：white-space: nowrap
隐藏超出部分：overflow: hidden
显示省略号：text-overflow: ellipsis
文本两端对齐：text-align: justify
文本中间对齐：text-align: center
文本左端对齐：text-align: left

背景(background)

背景颜色：background-color: rgb(255,182,193)
背景颜色：background-color: 	#FFB6C1
背景颜色(带透明度)：background-color:rgba(0,255,0,0.3)
背景颜色(渐变色)：background:linear-gradient( #CD853F, #CD69C9)
背景图片：background-image:url("")
背景尺寸：background-size: 50px
背景图片不重复填充：background-repeat: no-repeat
背景图片水平填充：background-repeat: repeat-x
背景图片竖直填充：background-repeat: repeat-y
背景图片位置：background-position: center
背景图片不拉伸，占满整个容器(可能有留白)：background-size: contain
背景图片拉伸，占满整个容器(可能裁剪超出部分)：background-size: cover

超出内容(overflow)

超出部分内容（显示）：overflow: visible
超出部分内容(不显示)：overflow: hidden
超出部分内容(显示滚动条)：overflow: scroll
超出部分内容：还可以通过overflow-x和overflow-y来设置超出固定宽度和固定高度后的内容表现形式。

边框(border)

设置边框(统一设置)border: 1px dashed #ff6b6b
边框宽度：border-width: 3px
边框样式(虚线)：border-style: dashed
边框样式(实线)：border-style: solid
边框上面样式(实线)：border-top: solid
边框上面样式(虚线)：border-top-style: dashed
边框颜色：border-color: red
圆角边框：border-radius: 10px 0px 10px 10px;

阴影(box-shadow)

设置阴影(水平偏移,竖直偏移,模糊半径，扩散半径)(可以使用逗号间隔设置多个阴影)：
边框阴影：box-shadow: 2px 2px 12px rgba(0,0,0,0.2) // 
文字阴影：text-shadow: 2px 4px 5px gray; // IE9以及IE9之前不支持

指针(cursor)

小手形状：cursor: pointer
等待效果：cursor: wait
自定义效果：cursor: url("") 5px 5px

无序列表

方形：list-style: square
自定义图片：list-style: url("")