6月20号=》176页-180页

7.2　　CSS3支持的颜色表示方法

　　　　CSS2已经提供了多种颜色表示方法，如字符串形式的颜色名、十六进制的颜色值等。但CSS2不允许为颜色设置

　　　　透明度，因此显得有些不够完善。CSS3则提供了更多的颜色表示方法，从而提供更完善的颜色表示方法。

　　　　总结起来，CSS2、CSS3一共支持如下几种颜色表示方法。

　　　　　　用颜色名表示：例如white(白色)、red(红色)等。这种方式简单、易用，但它能表示的颜色数量有限——不可能为所有

　　　　　　　　　　　　　　颜色都指定一个名称。

　　　　　　用十六进制的颜色值表示：这就是典型的三原色混合原理，例如#FF0000。

　　　　　　用rgb(r,g,b)函数表示：这也是三原色混合原理。例如rgb(255、255、0)。

　　　　　　用hsl(Hue,Saturation,Lightness)函数表示：这是用色调、饱和度、亮度控制颜色。例如hsl(120.100%,100%)。

　　　　　　用rgba(r,g,b,a)函数表示：这还是三原色混合原理。与rgb(r,g,b)函数相似，只是多了一个a参数，用于指定颜色的透明度，

　　　　　　　　　　　　　　　　　　a参数可以使0~1之间的任意数，其中0代表完全透明。

　　　　　　用hsla(Hue,Saturation,Lightness,alpha)函数表示：这也是用色调、饱和度、亮度控制的颜色。与hsl(Hue,Saturation,Lightness)

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　相比就是多了一个alpha参数，用于指定该颜色的透明度，alpha参数可以是

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　0~1之间的任意数，其中0代表完全透明。

 

7.3　　文本相关属性

　　　　　　文本相关属性用于控制整个段或整个<div>元素的显示效果，包括文字的缩进、段落内文字的对齐等显示方式。

　　　　　　　　text-indent：用于设置段落文本的缩进。默认值为0。被另一个元素(如<br>)断开的元素不能应用本属性。

　　　　　　　　text-overflow：用于控制溢出文本的处理方法。该属性支持如下两个属性值。

　　　　　　　　　　clip：如果该元素指定了overflow：hidden属性值，当该元素中文本溢出时，clip指定只是简单地裁切溢出的文本。

　　　　　　　　　　ellipsis：如果该元素指定了overflow：hidden属性值，当该元素中文本溢出时，ellipsis指定裁切溢出的文本，并

　　　　　　　　　　　　　　 显示溢出标记(...)。

　　　　　　　　vertical-align：用于设置目标元素里内容的垂直对齐方式，通常有顶端对齐，底对齐等方式。

　　　　　　　　auto：对元素的文本内容执行自动对齐。

　　　　　　　　baseline：默认值。将支持valign属性的元素的文本内容与基线对齐。

　　　　　　　　sub：将元素的内容与文本下标对齐。

　　　　　　　　super：将元素的内容与文本上标对齐。

　　　　　　　　top：默认值。将支持valign属性的元素的文本内容与元素的顶端对齐。

　　　　　　　　middle：默认值。将支持的valign属性的元素的文本内容对齐到元素的中间。

　　　　　　　　bottom：默认值。将支持valign属性的元素的文本内容与元素的底端对齐。

　　　　　　　　length：指定文本内容相对于基线的偏移距离。即可使用百分比形式，也可使用绝对距离形式。

　　　　　　　　text-align：用于设置目标组件中文本的水平对齐方式。该属性支持left(左对齐)、right(右对齐)、center(居中对齐)

　　　　　　　　　　　　　　和justify(两端对齐)4个属性值。

　　　　　　　　direction：用于设置文本流入的方向，该属性的合法值有ltr(从左向右)和rtl(从右向左)。

　　　　　　　　word-break：用于设置目标组件中文本内容的换行方式。该属性支持如下3个值。

　　　　　　　　　　　　　　　normal：靠浏览器的默认规则进行换行。

　　　　　　　　　　　　　　　keep-all：只能在半角空格或连字符处换行。

　　　　　　　　　　　　　　　break-all：设置允许在单词中间换行。

　　　　　　　　white-space：用于设置目标组件中文本内容对空格的处理方式。该属性支持如下两个属性值。

　　　　　　　　　　　　　　　normal：这是默认的处理方式。文本自动处理换行。假如抵达容器边界会转到下一行。

　　　　　　　　　　　　　　　nowrap：强制在同一行内显示所有文本，直到文本结束或者遇到<br>元素。

　　　　　　　　word-wrap：用于设置目标组件中文本内容的换行方式。该属性支持如下两个值。

　　　　　　　　　　　　　　 normal：靠浏览器的默认规则进行换行。

　　　　　　　　　　　　　　 break-word：设置允许在单词中间换行。

　　　　　　需要指出的是：word-break与word-wrap属性的作用并不相同，他们的区别如下：

　　　　　　　　word-break：将该属性设为break-all，可以让组件内每一行文本的最后一个单词自动换行。

　　　　　　　　word-wrap：该属性会尽量让组件内的文本不要换行。即使将该属性设为break-word，浏览器也会尽量让组件内的文本

　　　　　　　　　　　　　　 单独占用一行，只有当一行的位置不足以显示文字内容时，浏览器才会在内容中间换行。