css字体文本格式 鼠标样式

缩进

text-indent 属性规定文本块中首行文本的缩进。（允许使用负值。如果使用负值，那么首行会被缩进到左边。）

length 定义固定的缩进。默认值：0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值

eg：

text-indent:2rem    //首行缩进两个字符

 

 

换行

word-wrap 属性允许长单词或 URL 地址换行到下一行。

 

word-wrap: normal|break-word;

 

normal 只在允许的断字点换行（浏览器保持默认处理）。
break-word 在长单词或 URL 地址内部进行换行。

p{ white-space:nowrap; } //强制不换行 

注： display:inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行

p{ word-wrap:break-word; word-break:normal; }//自动换行 

p{ word-break:break-all; }//强制英文单词断行

*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。

span { display:block; }

 

 

 字体间距

letter-spacing：汉字间字间距设置或者英文单词中每个字母的间距
word-spacing:设置英文每个单词之间的距离，对中文文字之间的距离没有效果

重要：letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而ＩＥ不会，因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 ＩＥ下则会认为这是一个字符.也会给这个空格加上letter-spacing值.

 

 

转换文本格式

text-transform

none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母，仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

 

 

常用鼠标样式

div{ cursor:pointer }/*手指形状 链接选择效果*/

 

文本下划线 删除线 上划线

div{text-decoration: none; }/*无装饰，通常对html下划线标签去掉下划线样式*/
div{text-decoration: underline; }/*下划线样式*/
div{text-decoration: line-through; }/*删除线样式-贯穿线样式*/
div{text-decoration: overline; }/*上划线样式*/