4.css3文本属性

1.css3文本属性：

①Color：颜色。

②Text-align：文本水平对齐方式。

　　⑴Left默认值，right，center，justify两端对齐；

　　⑵新增start相当于left，end相当于right；

③Line-height：行高。

　　Normal，数字，百分比，px，em；

④Text-indent：首行缩进。

　　常用单位像素，百分比，em；

⑤Text-decoration：添加修饰。

　　⑴None默认值；

　　⑵Underline加下划线；

　　⑶Overline加上划线；

　　⑷Line-through加穿过文本的线；

　　⑸Blink加闪烁的文本；

⑥Letter-spacing/word-spacing：字符间距。

⑦Text-transform：大小写。

　　⑴None默认值；

　　⑵Uppercase转换为大写；

　　⑶Lowercase转换为小写；

　　⑷Capitalize转换为首字母大写；

⑧Text-shadow添加阴影。

　　 

　　

⑨white-space：设置元素中空白的处理方式。

　　⑴normal默认。不保留空白符，不保留换行符。

　　⑵Pre保留空白符，不保留换行符。

　　⑶Nowrap文本会在同一行上继续，不会换行，直到遇到br标签。

　　⑷Pre-wrap保留空白符，保留换行符。

　　⑸Pre-line合并成一个空白符，保留换行符。

⑩Direction：设置文本方向。

　　⑴Ltr默认，文本方向从左到右。

　　⑵Rtl文本方向从右到左。--（效果是整行右对齐，但是文字顺序没变）。

　Unicode-bidi从不同方向读取文本。

　　Normal默认。

　　Embed

　　Bidi-override从右向左。

⑪Word-wrap：对长的不可分割的单词进行分割，并换到下一行。

　　⑴Normal默认值。

　　⑵Break-word在长单词或url地址进行换行。

⑫Word-break：规定非中日韩文本的换行规则。

　　⑴normal默认值。

　　⑵Break-all允许单词内换行。

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

　　

　　

⑬Text-fill-color：文本填充颜色。（目前多浏览器不支持）

⑭Text-stroke文本边框颜色。（目前多浏览器不支持）

　　⑴Text-stroke-width文字描边的宽度。

　　⑵Text-stroke-color文字描边的的颜色。

　　

⑮text-overflow：是否使用省略标记（···）来标志文本的溢出。

　　⑴Clip默认值。当文本溢出时不显示省略标记，但是会将溢出部分裁剪掉。

　　⑵Ellipsis溢出时显示省略标记。

　　（注意：该属性需要和overflow:hidden;white-space:nowrap;配合使用。）

　　

　　

2.css3前缀：

①目前主要流行的浏览器内核有：

Webkit内核：主要代表有chrome和safari。私有前缀是-weblit-

Trident内核：主要代表有ie。私有前缀是-ms-

Gecko内核：主要代表有firefox。私有前缀是-moz-

Presto内核：主要代表有opera。私有前缀是-o-

手机等移动端一般是ios和安卓系统，基本上采用webkit引擎。