css文字溢出打点展示、背景图片

1.单行文本 

white-space：nowrap；空白部分不换行

overflow：hidden；溢出部分隐藏

 text-overflow：ellipsis；文字溢出部分，打点展示

2. 多行文本

height = line-height的几倍；就是展示几行文字。

3. 背景图片

通常建议使用这个复合属性background，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

复合属性background：#00FF00 url(bgimage.gif) no-repeat fixed top;

（1）background-color：背景颜色

（2）background-image：背景图片；background-image: url();

（3）background-repeat：图片是否重复； 

repeat	默认。背景图像将在垂直方向和水平方向重复。
repeat-x	背景图像将在水平方向重复。
repeat-y	背景图像将在垂直方向重复。
no-repeat	背景图像将仅显示一次

（4） background-attachment：背景是否固定；

scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。
inherit	规定应该从父元素继承 background-attachment 属性的设置。

（5）background-position：图片位置

top left top center top right center left center center center right bottom left bottom center bottom right	如果您仅规定了一个关键词，那么第二个值将是"center"。 默认值：0% 0%。
x% y%	第一个值是水平位置，第二个值是垂直位置。 左上角是 0% 0%。右下角是 100% 100%。 如果您仅规定了一个值，另一个值将是 50%。
xpos ypos	第一个值是水平位置，第二个值是垂直位置。 左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。 如果您仅规定了一个值，另一个值将是50%。 您可以混合使用 % 和 position 值。

注意：background-position：0% 0%和50% 50%的效果：

                                                       

 下面三个是css3的属性：

（1）background-size：图片大小

（2）background-clip：图片绘制区域

（3）background-origin：

background-origin 属性规定 background-position 属性相对于什么位置来定位。

注释：如果背景图像的 background-attachment 属性为 "fixed"，则该属性没有效果。