当前位置 : 主页 > 网页制作 > css >

4.css3文本属性

来源:互联网 收集:自由互联 发布时间:2021-06-13
1.css3 文本属性: ①Color :颜色。 ②Text-align :文本水平对齐方式。 ⑴Left默认值,right,center,justify两端对齐; ⑵新增start相当于left,end相当于right; ③Line-height :行高。 Normal,数字

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内核:主要代表有chromesafari私有前缀是-weblit-

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

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

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

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

网友评论