码迷,mamicode.com
首页 > Web开发 > 详细

常用CSS代码段

时间:2015-08-31 19:06:57      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

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;
}

//未完

常用CSS代码段

标签:

原文地址:http://www.cnblogs.com/yangzonglong/p/4773576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!