1.非常常用!!!
字体大小:16px、18px
font-size:大小;
字体颜色:red、green、#ff0000、#f00(两个相同的可以省略一个)
coror:颜色;
2.字体设置
字体:Arial,Verdana,Thoma,sans-serif,simsun.....
font-family:字体;
3.加粗
font-weight:xx;
xx:下面的单词或整百数值(100-900)。
normal:正常字体,相当于400。
bold: 粗体,相当于数字值700。
bolder: 更粗的,定义比继承值更重的值 。
lighter: 定义比继承值更轻的值 。
4. 斜体
font-style:xx;
xx:
normal: 指定文本字体样式为正常的字体
italic: 指定文本字体样式为斜体。这种斜体,是字体本身就设置了斜体的情况。对于没有设计斜体的 特殊字体,如果要使用斜体外观将应用oblique
oblique: 指定文本字体样式为倾斜的字体。字体本身没有斜体效果,强制斜体,人为的使文字倾斜, 而不是去选取字体中的斜体字 。
因为一些标签自带斜体如i标签、em标签
5. 行高
line-height:xx;
xx:
normal:默认状态,允许内容顶开或溢出指定的容器边界。
长度值:常用方式。设置行高为一个具体的值。
数值:设置行高为一个倍数字,以字体大小为基数。
百分比:设置行高为百分比大小,以字体大小为基数。
后面不是很常用就不过多解释了。
6.对齐方式:text-align:xx;
xx:left、center、right、justify(两端)。(word的对其方式)
7.下划线:text-decoration:xx;
xx:none、underline、line-through、overline(上划线)、blink(可忽略)
text-decoration-color: 下划线颜色;
text-decoration-style: 下划线风格(solid、double、dotted、dashed、wavy——波浪));
8.首行缩进:text-indent:xx;
9.字母大小写:text-transform:xx;
xx:none、capitalize、lowercase、uppercase
10.字间距和词间距
letter-spacing:xx;
word-spacing:xx;
11.文字垂直排列:writing-mode:xx;
xx:horizontal-tb(默认)、vertical-rl(上到下-右到左)、vertical-lr、sideways-rl、sideways-lr
vertical:上到下;
sideways:下到上;
rl:right-left右到左 反之 左到右
12. 上标和下标(<sup>和<sub>)
例:2的平方:
2<sup>2</sup>
13.文本溢出:text-overflow:xx;
xx:
ellipsis:显示省略符号 ... 来代表被修剪的文本。
搭配over-flow: hidden;实现
123456789...
clip:剪切文本。
string:自定义字符串来代表修剪的文本。不是所有浏览器都支持。
标签:间距,斜体,text,font,xx,字体,文本,文本属性 From: https://blog.csdn.net/bigbugjusteasy/article/details/143998579