码迷,mamicode.com
首页 > Web开发 > 详细

4.css3文本属性

时间:2019-10-11 12:41:08      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:strong   数字   单位   center   默认值   ase   dde   ado   img   

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引擎。

 

4.css3文本属性

标签:strong   数字   单位   center   默认值   ase   dde   ado   img   

原文地址:https://www.cnblogs.com/chenJieLing/p/11653194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!