最新版全面学习css+DIV教程课件PPT完整版.pptVIP

* 7、文本变换text-transform 　　 属性值：capitalize（首字母大写）, uppercase（大写）, lowercase（小写）和none（无）。缺省值为none。例： 　　 p {text-transform: capitalize} * 八、颜色与背景属性 　　 在很多时候，要用到颜色属性，指定文本段落、标题、背景等的颜色，背景属性则用于设定背景图像在浏览器中的显示方式。 　　 1、颜色属性：color 　　 属性值：16种颜色名（上文已经介绍过）、数值（#RRGGBB或是r%,g%,b%）。 　　 在 font、 p、 body、 table及其单元元素、标题等对象都可以用到color属性。下例指定超链接的初始颜色和被激活时的颜色： 　　 style type=text/css 　　 a { color: green} 　　 a:hover { color: red} 　　 /style * 2、背景属性 ·background-color 定义页面或指定对象的背景颜色，属性值和颜色属性相同。　　 ·background-image 属性值：none, url（address），包括相对路径和绝对路径，指定对象的背景图像。　 ·background-repeat 属性值：no-repeat（无重复）, repeat（重复）, repeat-x（x方向重复）, repeat-y（y方向重复），缺省值为repeat，指定背景图像的显示方式。该属性需与background-image和background-position组合使用。　　 ·background-attachment 属性值：scroll（随对象一起滚动）, fixed（固定），缺省值为scroll。该属性指定对象的背景图像是否与对象一起滚动，或是固定在页面上的某一个位置。这个属性与background-image组合使用。　　 ·background-position 属性值：垂直位置vertical，指定top, center, bottom和具体数值、百分比；水平位置horizontal，指定left, center, right和具体数值、百分比。定义背景图像的绝对或相对位置显示。　　 * 这是一个简写属性，可以把上述所有背景属性归纳到一行代码中定义。 这里是一个较完整的例子： 　　 body { background-image: url(/images/002.gif); 　　 background-repeat: no-repeat; 　　 background-position: 20px 50px; 　　 background-attachment: fixed} 　　 用background属性简写为： 　　 body { background: url(/images/002.gif) no-repeat 20px 50px fixed} * 九、分类属性 　　 分类属性控制了浏览器的显示方式，我们知道在HTML语言中，对于空格和换行的处理是缺陷所在，分类属性的到来使这些特性的控制成为可能。 　　 分类属性包括显示属性、空白属性和列表属性。下面一一的介绍。 1、显示属性display 　　 通过显示属性控制HTML页面中被定义对象在浏览器中的显示方法。这个属性有四个值： 　　 ·块（block）――在该对象前后自动增加分行符 例：text img style=”display: block” scr=”photo.jpg” text 图像前后的文字将与图像分行显示。 　　 ·内联（inline）――这个对象前后的元素与之在一行显示 这个属性值正好相反，当需要对象与前一元素强制性在同一行时使用该值。　 ·列表项（list-item）――加一个列表项标记，其余同块 该属性值与 LI、 DD、 OL、 UL等列表标记一起使用。 　　 ·无（none）－－对象不显示 　　 该属性值在某种情况下很有用，比如事先隐藏正确答案，直到经过某种操作以后才显示。 * 2、空白属性white-space 　　 制表符、空格和换行泛称空白，HTML页面显示时，通常根据浏览器窗口的大小自动折行，多余的空白符忽略成一个空格。 PRE标记可以控制文本在浏览器中的显示，但该标记的限制性很大，只对一些非比例字体才有效，并且每次用到这个命令框起所有文本也相当麻烦，空白属性提供了这种方便。 　　 空白属性有三个值： 　　 ·普通（normal）――该属性值保持浏览器自动换行的特性。 　　 ·保持原样（pre）――这个值与使用 PRE标记一样，告诉浏览器按照文本输入