1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > CSS行高 字体简写属性 文本样式学习笔记

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

时间:2021-09-22 15:54:29

相关推荐

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;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。