字体属性和文本属性总结

一、字体属性

1、字体

font-family:"微软雅黑","宋体",...; 

设置字体,先找微软雅黑,运行电脑上没有这个字体再去找宋体,以此类推

2、字体大小

font-size:20px;

像素单位:px,ex,rem

px:绝对单位,一旦设置了值,不管网页如何变化始终如一

em:相对单位,当前某块区域的字体大小,比如给p标签设置了字体大小20px,那么1em=20px,2em=40px,相对的换算,对应的em会随着设置的px变化

rem:相对单位,主要应用于移动端

3、字体颜色

color:red;

颜色表示法:

单词表示法:red green yellow purple blue

rgb()表示法

rgba()  a:alpha表示透明度

十六进制表示法:#ff6700

4、字体样式

font-style:italic;

有两个属性:normal默认的字体,italic表示斜体

5、字体粗细

font-weight:bold;

属性有两种表示方式:

单词:bold表示粗的字体

数值范围:100-900,其中400表示默认的字体粗细

 


 

二、文本属性

1、文本修饰

text-decoration:underline;

有4种属性:

underline:下划线

none:无线

overline:上划线

line-through:删除线

2、文本缩进

text-indent:2em;

属性单位建议使用em,如上表示文本首行空两格,能根据字体大小自动适应调整

3、行高

line-height:

行与行之间的距离

属性单位有:px,em,rem

4、中文字间距/英文单词间距

letter-sapacing:

word-spacing:

5、文本对齐方式

text-align:center;

有三种属性:

left:左对齐

right:右对齐

center:中间对齐,使用最多

原文地址:https://www.cnblogs.com/nanjo4373977/p/12402648.html