普歌-飞灵团队-HTML+CSS知识点总结（二）

字体属性和文本属性总结

一.字体属性

1.字体

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

没有的字体会往后依次进行

2.字体大小

font-size:20px;

单位：px（像素）,em,rem
px：绝对单位。一旦设置了值，不关网页如何变化都始终如一。
em：相对单位。当前某块区域的字体大小，比如给p标签设置了字体大小为20px，那么1em = 20px。
rem：相对单位 主要应用于移动端
3.字体颜色

color:red;

颜色表示法：
（1）单词表示法，如 red，black，white，pink等
（2）rgb()表示法
rgba() a:alpha 表示透明度
（3）十六进制表示法
如 #333333,#FFFFFF,#ff6800
4.字体样式

font-style:normal;   /*表示默认字体*/
font-style:italic;  /*表示斜体*/  

5.字体粗细

font-weight:bold;  /*粗的字体*/
font-weight:100~900
font-weight:400;  /*默认*/

二.文本属性

1.文本修饰

text-decoration:underline;  /*下划线*/
text-decoration:none;  /*无线*/
text-decoration:overline;  /*上划线*/
text-decoration:line-through;  /*删除线*/

2.文本缩进

text-indent:50px;

单位建议使用em
3.行高（行与行之间的距离）

line-height:100px;

单位：px，em，rem
4.中文字间距/单词间距

letter-spacing:5px;
word-spacing:5px;

5.文本对齐方式

text-align:center;  /*使用最多*/
text-align:left;
text-align:right;

6.水平居中

text-align:center;    /*水平居中*/
height:100px;
line-height=100px;    /*控制文本垂直居中*/

———————————————————————————————————————
作者：wx_mz
出处/源自：wx_mz的《普歌-飞灵团队-HTML+CSS知识点总结（二）》
本文版权归作者和CSDN共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。