CSS行高、字体简写属性、文本样式学习笔记

一 行高

行高：line-height，指的是文字占有的实际高度，可以通过line-height设置行高。
行高可以直接指定一个大小，单位可以是px 或者 em，也可以直接设置一个整数，将是字体大小的倍数；
line-height:2;表示行高是字体大小的2倍。
默认是1.33；

字体框：字体存在的格子，设置font-size是设置字体框的大小。
行高会在字体框的上下平均分配。
一般会将行高设置为和高度一样的值，使得单行字体居中。

行间距=行高-字体大小。

二 字体的简写属性

语法实例：

font-size:50px;
font-family:“微软雅黑”；
/*简写属性，行高设置可以省略，不写就是默认值*/
font:50px/2 “微软雅黑”；
/*还可以这样写*/
font:italic bold 50px/2 微软雅黑；

三 文本的样式

1、文本的水平对齐：
text-align:
可选值：left right center justify(两端对齐)
2、文本的垂直对齐：
vertical-align:
可选值：
baseline 默认值 基线对齐；
top：顶部对齐；
bottom：底部对齐；
middle：居中对齐；
实际中对于图片的对齐调整，可以使用vertical-align来设置。图片默认基线对齐，修改为其它对齐方式，图片就会对齐。
3、文本修饰
text-decoration
可选值：
none 什么都没有；
under line 下划线；
overline 上划线；
line-through 删除线；
4、设置网页如何处理空白
white-space:
normal 默认值；
nowrap 不换行；
pre 保留空白（保留文本的预格式）；

/*设置不换行*/
white-space:nowrap;
overflow:hidden;
/*设置省略号*/
text-overflow:elipsis;

最后

以上就是复杂手套为你收集整理的CSS行高、字体简写属性、文本样式学习笔记的全部内容，希望文章能够帮你解决CSS行高、字体简写属性、文本样式学习笔记所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。