上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法

1)).首行缩进文本

2)).文本对齐方式

left 左边

right 右边

center 中间

justify 两端对齐

3)).字间距

4)).文本间距

5)).文本转换

none 不转换

uppercase 大写

lowercase 小写

capitalize 首字母大写

6)).文本修饰

none 不修饰

underline 下划线

overline 上划线

line-through 中划线

blink 文本闪烁

7)).文本空白符的处理

pre-line 合并空白符序列,但是保留换行符

normal 忽略空白符

nowrap 文本不会换行,直到
出现才换行

pre 空白会被浏览器保留

pre-wrap 保留空白符序列,但是正常地进行换行

8)).文本方向

ltr 从左到右

rtl 从右到左

9)).文本行高

10)).文本阴影

11)).字符换行

normal 只在允许的断字点换行

break-word 在长单词、URL地址内部进行换行

12)).处理溢出文本

clip 修剪文本

ellipsis 省略符号来代表被修剪的文本

string 使用给定的字符串来代表被修剪的文本

13)).文本轮廓

14)).文本换行

normal 只在允许的换行点进行换行。

none 不换行。元素无法容纳的文本会溢出

unrestricted 在任意两个字符间换行。

suppress 压缩元素中的换行。浏览器只在行中没有其它有效换行点时进行换行。

###总结

这篇文章主要介绍了CSS样式更改篇中的文本Content基本设置,希望让大家对CSS选择器有个简单的认识和了解。

看完本文有收获?请转发分享给更多的人

IT共享之家

入群请在微信后台回复【入群】

想要学习更多,请前往Python爬虫与数据挖掘专用网站:http://pdcfighting.com/

java 更改css_CSS样式更改——文本Content相关推荐

  1. css文本换行_CSS样式更改——文本Content

    上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 <div style='text-indent:2em'& ...

  2. css 不换行_CSS样式更改——文本Content

    上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 2)).文本对齐方式 3)).字间距 4)).文本间距 5)). ...

  3. CAD展点+更改点样式

    有的东西真的用一遍,可能就再也不用了,但还是写笔记记录下来吧. 而且,还发现,以前学的很熟悉的东西,不用的话,全都忘记了. 但是,毕竟学过,拾起来简单一点. 一.将点展到CAD中 (注意:全站仪的X. ...

  4. Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)

    目录 1.Markdown现有的文本样式. 2.HTML的font标签-改字体.字体颜色.字体大小. 3.HTML的mark标签-标记文本 4.HTML的strong标签-加粗文本 5.HTML的em ...

  5. 用迅捷CAD编辑器怎么更改文字样式

    利用CAD图形类文件,里面的文字的有些跟数据上对不上,这时候我们就想能够编辑.修改里面的字体.这确实是比较麻烦的,不过不加先不用着急,在这里小编这里有个好用的方法可以直接操作,接下来就详细的了解用迅捷 ...

  6. input file详细介绍、更改css样式、获取图片地址、彻底清空上传文件(建议收藏)

    文章目录 博客内容 介绍 input 全部类型 file 类型 属性 accept属性 multiple属性 事件监听 css样式更改 上传图片文件,获取图片地址 input type file上传文 ...

  7. div固定大小文字溢出自动缩小_CSS样式更改——框模型、定位、浮动、溢出

    前言 上篇文章主要介绍了CSS样式更改篇中的列表.表格和轮廓,这篇文章主要介绍CSS样式更改中框模型.定位.浮动.溢出基础知识. 1.框模型Border Model 从上图可以得知,如果把一个网页比作 ...

  8. css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法

    html {{item.name}} js var app = new Vue({ el:"#app", router, data:{ m:"hello vue.js&q ...

  9. Altium的原理图主题修改为Orcad的默认样式(Altium原理图样式更改)

    Altium默认的封装看久了总感觉不如Orcad的舒服,PCB的3D理应花里胡哨,但原理图还是该走极简主义.下面通过一些修改,将Altium的原理图样式更改为与Orcad相同. 过程看起来略微复杂,但 ...

最新文章

  1. 关于AUC计算公式推导
  2. 被美国主流投资平台看好,虎牙缘何能在上市大军中脱颖而出?
  3. android 机器人动画,Android 5.X与Android4.X版本机器人动画的区别以及制作动画的方法...
  4. JDK8新特性DateTimeFormatter
  5. EqualLogic强势增长,戴尔领跑iSCSI中国及香港地区市场
  6. Kettle使用教程(一)—— 在MacOS系统中安装 Kettle
  7. php怎么初始化融云sdk,初始化融云 SDK
  8. arduino红外测距模块点亮一个LED灯
  9. python 手机号码归属 ip地址查询
  10. emmc/ufs, sd
  11. 基于spss的聚类分析(Cluster analysis)
  12. php的样式怎么设置字体大小,css中如何改变字体大小
  13. 这一篇说明大多数SQL优化的面试问题
  14. linux服务器好管理吗,给初学者Linux服务器管理建议
  15. Python实战:批量修改文本文件
  16. SVN文件没有对勾感叹号的状态提示
  17. VS2008 下编译 live555
  18. TI1443Boost + Uniflash下载问题:卡在Connected to COM port问题解决
  19. KL divergence JS divergence F divergence
  20. python人工智能框架有哪些_前端人工智能框架有哪些?

热门文章

  1. SAP技术专家Jerry的技术分享微信群 - 2021年1月14日更新 - 还剩27个名额
  2. 通过运行时单步调试弄清楚[(ngModel)]的双向绑定的工作原理
  3. Angular源代码里字母Theta的含义
  4. SAP HTML5 Application Repository
  5. how to extend odata service
  6. year range in CRM Fiori Sales Pipeline
  7. 阮一峰react demo代码研究的学习笔记 - demo 6 debug - how check works
  8. OData metadata request url的population 逻辑
  9. 在nodejs websocket回调函数中没法用this
  10. WebClient UI MVC data binding的实现