常用CSS代码段

1.自定义文本选中样式（不支持IE8及以下）

::selection
{
color:#9400D3;
background:#A9A9A9;
}
::-moz-selection
{
color:#9400D3;
background:#A9A9A9;

}

2. 间隔与间距

  p.wordspacing{word-spacing:20px;}
/*  设置空格的长度*/
  p.letterspacing{letter-spacing:20px;}
/*  设置字间距*/
  p.lineheight{line-height:0.3;}
/*  设置行间距*/
  p.whitespace_normal{white-space:normal;}
/*  默认，忽略多个空格为1个，忽略回车符*/
  p.whitespace_pre{white-space:pre;}
/*  保留多个空格*/
  p.whitespace_nowrap{white-space:nowrap;}
/*  忽略回车符，禁止换行，直到遇到br*/
  p.whitespace_prewrap{white-space:pre-wrap;}
/*  保留所有空格符与回车符*/
  p.whitespace_preline{white-space:pre-line;}
/*  忽略多个空格为1个，保留回车*/

3. 文本装饰

/*文本线在上方*/
  .overline{text-decoration:overline;}
  /*文本线在下方*/
  .through{text-decoration:line-through;}
  /*文本线在中间*/
  .underline{text-decoration:underline;}
  /*斜*/
  .italic{font-style:italic;}
  /*倾斜*/
  .oblique{font-style:oblique;}

4. 文字超出父元素宽度，则省略号代替

  div.elli{
border:1px solid;
overflow:hidden; /*超出部分隐藏*/
white-space:nowrap;/*强制在一行显示*/
text-overflow:ellipsis;
width:200px;
height:20px;
}

//未完