1 .行高可以给元素分配一个没有单位的缩放因子，这样它的后代元素就会继承这个缩放因子，然后根据自己的字体大小计算自己的行高值。复制代码如下： body { font-size : 12px；线高： 1.5；} h1 { font-size : 36px；}这里车身的行高是18px(12 * 1.5)，h1的行高是54px(36 * 1.5)。即使使用了相对单位，如em和percentage，后代元素仍将继承计算出的行高值。例如，如果将上面的体行高更改为1.5em，h1的行高将继承18px的值。2.text-decoration是非继承的类属性。将body元素设置为none不会影响后代中默认具有文本装饰的元素，例如超链接。因此，如果要删除超链接的默认下划线，仍需要单独设置。复制代码如下： a { text-decoration : none；}虽然默认情况下不会继承该属性，但祖先元素上设置的装饰将“扩展”到后代元素。复制代码如下：p我有下划线跨度为什么我可以有下划线？/span/p复制代码如下：p { color: red文本修饰：下划线；}p span { color:绿色；文本装饰：无；}

这里的下划线是p元素。复制的代码如下：p { color: red文本修饰：下划线；}p span { color:绿色；文本修饰：下划线；}

由于文本修饰属性的扩展会导致一些兼容性问题，最好的方法是为要修饰的文本单独设置文本修饰属性。3 . text-缩进可以使用这个属性将每个段落的第一行缩进2个字符，而不是使用空格。复制代码如下： p { text-indent : 2em；}

您也可以指定负值来产生悬挂第一行的效果。。

挂引号也是一种常见的做法。。

将文本缩进足够远的位置，使文本消失。复制代码如下： text-indent :-9999 px；因此，用图像替换字符的常见方法如下： logo { background : URL(logo.png)不重复；display:内联块；height: 36pxtext-indent :-9999 px；宽度： 72px；}IE6/7并不真正支持内联块，这可能会导致。徽标在某些情况下会消失。可以使用Floating或block代替inline-block，但两者都会改变布局模式，也可以使用其他方法。4 .文本溢出通常，当URL地址的长列表超过容器时，就会溢出。我们可以将省略号设置为当文本溢出容器时显示。复制代码如下：li {overflow:隐藏；文本-overflow:省略号；}

必须匹配隐藏的Overflow:一起使用；有时可能需要增加一个宽度，比如IE 6。对于那些默认不会溢出的文本，需要强制一行显示，这样才能产生效果。复制代码如下：li {overflow:隐藏；文本-overflow:省略号；white-space : nowrap；宽度： 100%；/*对于IE 6 */}使用white-space : pre；或断字：保留所有；它也可以强制文本显示在一行上，但是每一行都有自己的问题。在IE 8/9中，有时会发现没有效果。其中一个祖先元素可能设置了word-wrap:断字。这个属性会比white-space: nowrap表现得更好；功能更强大，所以有时候要添加以下代码，复制代码如下： word-Wrap 3360 normal；5 .文字-阴影可以在非白色背景的深色文字上实现漂亮的嵌入效果。复制代码如下：文字-阴影3360 01px0rgba (255，255，255， 75)；可以给文本添加多个阴影，用逗号隔开，复制代码如下：text-shadow336001px0 # fff，02px0 # DDD，03px0 # DDD，04px0 # DDD；

6.white-spacewhite-space属性设置如何处理元素中的空白。将该值设置为nowrap，以便文本可以在同一行继续，并且在遇到边界时不会换行，直到遇到br标记。复制代码如下： white-space : nowrap；有时我们想在文本中保留空格和换行符。例如，在显示计算机的源代码时，我们将使用pre，pre的空白属性的值是pre。复制的代码如下： pre { white-space : pre；}pre没有那么令人满意，遇到边界也不会自动换行，所以CSS 2.1增加了pre-wrap，复制的代码如下： pre { white-space : pre；white-space:预包装；}这样，pre元素中的内容不仅可以保持原始格式，还可以在内容超出边界时自动换行。由于并非所有浏览器都支持预换行，因此有必要强制那些不支持预换行的浏览器换行。复制的代码如下： pre { white-space : pre；white-space:预包装；word-wrap:断字；}当然，可能你不想换行，也不介意水平滚动条，可以用水平滚动条代替换行。复制代码如下：pre { overflow: auto}7 .断字目前，webkit家族(包括谷歌Chrome、Safari、安卓浏览器等。)不支持保留所有值，所以可以使用的是break-all。复制代码如下：断字3360断全；但会造成英文文本阅读障碍，应慎用。。

8 .换行这是比断字更好的实现文本换行的方法。复制代码如下： word-wrap : break-word；添加溢出隐藏以避免一些恶意的连续字符。复制代码如下：溢出3360隐藏；