CSS 文本属性可定义文本的外观。

通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。

1,text-align 横向排列,也就是水平对齐

它会影响一个元素中的文本行互相之间的对齐方式 属性值有:left(默认),center,right

p{

text-align:right

}

text-align:center 与 <CENTER>

您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。

<CENTER> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。

2,line-height 文本行高

1,%基于字体大小的百分比行高 ,也就是说与字体的大小有关

2,数值 来设置固定值

p{
text-align:left;
font-size:20px;
line-height:50%;  基于字体大小的1/2 行高
}

3,text-indent 首行缩进

% 父元素的百分比

px 固定值 ,默认为0

inherit 继承

div {
width:300px;
height:300px;
}p{
text-align:left;
font-size:20px;
line-height:50%;  基于字体大小的1/2 行高
text-indent:50%;  基于div容器的缩进50%(1/2)
}

4,letter-spacing 字符间距

定义文本中两个字符之间距离

1,默认关键字是 normal 也就是相当于 letter-spacing:0;

2,length设置具体值(可以为负)

3,inherit

h1 {
letter-spacing: -0.5em
}
h4 {
letter-spacing: 20px
}

5,word-spacing 单词间距

定义英文单词之间的间距

1,normal 标准

2,px设置固定值

3.inherit

h1 {
word-spacing: -0.5em
}
h4 {
word-spacing: 20px
}

6,direction 文本方向 ,定义文本书写方向

1,ltr从左到右  left to right

2,rtl从右到左

3,inherit继承

p{
/*text-align:left;
font-size:20px;
line-height:50%;  基于字体大小的1/2 行高
text-indent:50%;*/  基于div容器的缩进50%(1/2)
direction:rtl;   定义文本从右开始写
}

7,text-transform文本大小写

text-transform 属性处理文本的大小写。这个属性有 4 个值:

  • none

  • uppercase

  • lowercase

  • capitalize

默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。顾名思义,uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后,capitalize 只对每个单词的首字母大写。

作为一个属性,text-transform 可能无关紧要,不过如果您突然决定把所有 h1 元素变为大写,这个属性就很有用。不必单独地修改所有 h1 元素的内容,只需使用 text-transform 为你完成这个修改:

h1 {

text-transform: uppercase;

}

转载于:https://blog.51cto.com/douya/1840865

css 文本属性详细总结相关推荐

  1. 【CSS 文本属性(Text)】

    CSS 文本属性 CSS 文本属性(Text) 1. color 属性: 颜色的前景色 (文本/文本装饰/边框/当前颜色的 颜色) 2. direction 属性: 文本/表列/水平溢出的 方向 (文 ...

  2. 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性

    内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...

  3. html中文本属性的设置,css 文本属性direction的功能详解说明

    摘要: 下文讲述css属性direction的功能说明,如下所示: css direction的功能说明 css direction的功能: 设置html元素中文本流的显示方向 css directi ...

  4. css字体属性和css文本属性

    字体属性和文本属性 css字体属性 color属性:设置文字颜色 值类型: 关键词:red,green- 十六进制:#000,#fff rgb(255,255,255) font-size属性:定义文 ...

  5. 06 【CSS字体属性 CSS文本属性】

    8.CSS字体属性 CSS Fonts(字体)属性用于定义:字体系列.大小.粗细.和 文字样式(如:斜体). 8.1字体族 font-family 字体族(字体的格式) CSS 使用 font-fam ...

  6. css英文文本转化属性的是,css文本属性_CSS教程_郭隆邦技术博客

    CSS文本属性 字体font属性针对的是单个字的字体格式font-family.大小font-size.粗细font-weight等样式, 文本text属性针对的是文本,不是单个字符,比如文本的字符间 ...

  7. css学习(第一天)(css基础选择器,css字体属性,css文本属性,css引入方式)

    CSS第一天 1.css简介 1.1 html的局限性 1.2 css-网页的美容师 1.3 css语法规范 1.4 css代码风格 1.4.1 样式格式书写 1.4.2 样式大小写风格 1.4.3 ...

  8. Html5 css文本属性,html5常用文本标签、CSS文本外观属性,你了解多少?

    一.HTML5中常用的文本标签 1.标题标签 (1)定义及用法: HTML中,定义了6级标题,分别为h1. h2.h3.h4. h5. h6,每级标题的字体大小依次递减,1级标题字号最大,6级标题字号 ...

  9. 1.2 CSS文本属性

    CSS Text(文本)属性: 定义文本外观,颜色,装饰,缩进,行间距来修饰文本 文本样式 文本缩进 text-indent 文本水平对齐方式:text-align 文本修饰:text-decorat ...

最新文章

  1. shell实现批量在多台windows服务器上执行同一命令并获取返回结果
  2. HBase 1.2.6 完全分布式集群安装部署详细过程
  3. Spring 在 xml配置文件 或 annotation 注解中 运用Spring EL表达式
  4. ds18b20温度传感器 lcd C语言,C程序控制18B20测温及LCD显示源码打包
  5. 面试官:了解雪崩效应吗?了解Hystrix吗?怎么解决雪崩效应吗?(大型社死现场,教你运筹帷幄之中)
  6. 026_lsof命令经验总结
  7. v-viewer图片打不开一直在刷新_python实现将一组图片转化成视频
  8. linux fortran 内存不足,内存不够不用怕! 虚拟内存不足的十种解决办法
  9. 2011年最后一小时
  10. qq语音按住ctrl就静音怎么解决_绝地求生大逃杀:语音故障的解决办法
  11. 电动汽车真的省钱吗?
  12. Windows环境CMake安装教程
  13. Curl 下载安装和配置
  14. 账号被计算机远程终止,宽带远程连接被终止怎么办
  15. linux下显示隐藏文件
  16. 如何解决 Elasticsearch 中未分配的分片
  17. 图像滤镜艺术---保留细节的磨皮滤镜之PS实现
  18. 羲和能源大数据 | 全新功能板块正式上线
  19. 区块链可扩展性技术:闪电网络
  20. css如何给盒子底部加阴影,CSS3 --添加阴影(盒子阴影、文本阴影的使用)

热门文章

  1. MYSQL数据库VALUES_MySQL数据库“十宗罪”(十大经典错误案例)
  2. numpy学习笔记(莫烦python)
  3. JOptionPane提示框的一些常用方法
  4. 当前计算机领域中 有关计算机的性能指标,计算机文化基础真题(十七)
  5. 侏罗纪显示服务器超时,侏罗纪世界进化服务器无法访问解决方案推荐
  6. java wordcount程序_WordCount程序(java)
  7. JVM实战与原理---内存回收策略
  8. 香帅的北大金融学课笔记12 -- 资产估值
  9. web开发入门到深入-html5(2)
  10. python3精要(61)-线性回归