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

4.css3文本属性的更多相关文章

  1. CSS3文本属性

    text-shadow(文本阴影) <h1>我有文字阴影</h1> h1{ color:#ffff00; text-shadow:1px 2px 2px #000000; } ...

  2. 第 21 章 CSS3 文本效果

    学习要点: 1.文本阴影 2.文本裁剪 3.文本描边 4.文本填充 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 中文本效果,其中也包含一些之前讲过的 CSS3 文本属性. 一.文本阴影 ...

  3. css3新增属性API

    写在前面:由于CSS5标准还未完全订下来,所以各种内核的浏览器都有自己的标准,为了不使属性混淆,所以各家在各自标准前加了一个前缀. -moz-  主要是firefox火狐 -webikt-主要是chr ...

  4. CSS3常用属性(边框、背景、文本效果、2D转换、3D转换、过渡、有过渡效果大图轮播、动画)

    CSS3边框: 1.CSS3圆角:border-radius  属性--创建边框线的圆角 <body style="font-size:24px; color:#60F;"& ...

  5. CSS3新增文本属性实现图片点击切换效果

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. CSS3 新增的文本属性

    一.CSS1&2中的文本属性(W3C标准) text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word- ...

  7. css3新增文本属性

    css3新增属性 边框属性 背景属性 文本属性 颜色属性 文本属性 属性 说明 text-shadow 为文字添加阴影 box-shadow 在元素的框架上添加阴影效果 text-overflow 确 ...

  8. CSS3常用属性

    CSS是我们常用的控制网页样式和布局的一种标准. CSS3是最新的CSS标准. CSS3被拆分为"模块",旧的规范也已经拆分为小的块,同时还增加了新的属性. 一些比较重要的CSS3 ...

  9. CSS3文本温故

    1.CSS早期属性,分为三大类:字体.颜色和文本: 2.CSS文本类型有11个属性: 注:还有一个颜色属性:color,主要用来设置文本颜色 3.CSS3文本阴影属性:text-shadow语法:te ...

随机推荐

  1. tomcat8 的优化

    1.下载tomcat8 2.配置 修改tomcat_user.xml,配置管理用户(设置角色,和用户密码) <role rolename="manager"/> < ...

  2. sublime Text3中文字体错位问题解决办法

    问题如下: 问题成因: 配置中的默认字体为Consolas,这种字体对中文支持效果不是很好 解决办法: 1.下载 Yahei Consolas Hybrid 字体 2.将下载的Yahei Consol ...

  3. jQuery_完成省市二级联动

    当填表的时候会让你设计某省某市怎么设计,应该明白,如果你选择了一个确定的省,那么在第二个下拉框内则不会有除了你选择的省的市之外的名称.而这功能用js来实现很麻烦,但是用jq确很容易实现. 原表结构: ...

  4. Selenium 多窗口切换

    我们在操作网页的时候,点击有些页面的链接,会重新打开一个窗口,我们要在新页面上操作,就得切换窗口 比如在百度首页的登录框点击注册,会重新打开一个注册的新页面,要在新页面注册,就得先切进新页面 那我们怎 ...

  5. jenkins 管理员密码重置

    jenkins管理员 admin的密码忘记怎么重置呢? 修改admin的加密密码为123456的加密密码 #jbcrypt:$2a$10$MiIVR0rr/UhQBqT.bBq0QehTiQVqgNp ...

  6. ArrayList类源码浅析(二)

    1.removeAll(Collection<?> c)和retainAll(Collection<?> c)方法 第一个是从list中删除指定的匹配的集合元素,第二个方法是用 ...

  7. php缓冲区

    我理解的要点: 1.所有缓冲区控制是在一个PHP执行进程中发生的.如:你打开n个demo.php,他们之间开启和关闭缓冲是互不影响的. 2.output_buffering在程序中用ini_set是不 ...

  8. Hybrid平台

    需求说明 离线包管理平台主要负责对需要接入Hybrid平台的应用进行管理,通过这个平台可以实现对应用的静态资源进行构建.发布.生成离线包,版本控制等,核心场景如下: 将需要做预加载的应用在平台上注册, ...

  9. RaspberryPI 3b 技术总结(包括Linux)

    安装系统,无屏幕,无网线,windows下 第一步当然是把ROM(官方系统)和刷写工具备好,TF卡一张,当然必须有读卡设备. 启动Etcher,将ROM刷入TF卡,这需要挺长一段时间,完毕后将会出现四 ...

  10. 阶段2 JavaWeb+黑马旅游网_15-Maven基础_第4节 maven生命周期和概念模型图_09maven概念模型图

    项目自身的信息 项目运行所依赖的扎包 运行环境信息:tomcat啊,JDK啊这些都属于运行环境 一个jar包的坐标由三个最基本的信息组成. 第一部分就是依赖管理. 第二个部分