css知识点2

1、背景色 

background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 例：这条规则把元素的背景设置为灰色：p {background-color: gray;} 

2、背景图像 

 background-image 属性为元素设置背景图像。background-image 属性的默认值是 none，表示背景上没有放置任何图像。

例：如果需要设置一个背景图像，必须为这个属性设置一个 URL 值： body {background-image: url(/i/eg_bg_04.gif);} 

3、背景重复 
background-repeat属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。默认地，背景图像将从一个元素的左上角开始。 

例： body   {  
  background-image: url(/i/eg_bg_03.gif);   background-repeat: repeat-y;   

4、背景定位 
background-position 属性改变图像在背景中的位置： 例：在 body 元素中将一个背景图像居中放置： body   {  
    background-image:url('/i/eg_bg_03.gif');     background-repeat:no-repeat;     background-position:center;   } 
background-position 属性提供值有很多方法

文本颜色：text-indent 属性： 
例：p {background-color: gray;} 
a) 使用负值： 例：{text-indent: -5em;} 
注意：在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距： p {text-indent: -5em; padding-left: 5em;} b) 使用百分比值 
 
例：p {text-indent: 20%;}