敲代码——文本声明

2018-11-10  本文已影响0人  还酹江月2030

何谓文本声明?就是对文字进行包装,使得打字不仅仅是打出文字,而且还有它自己的“格调”。

以下的标签都是在css中书写,并通过Link标签连接html和css来实现对文字的操作的。使用css可以设置字体的大小、粗细、倾斜/加粗、行高、首行缩进、文本修饰、字间距等等,十分方便和实用,本篇介绍以下九种很常用的设置字体的标签。

“font-family、font-size、font-style、font-weight、line-height、text-align、text-indent、text-decoration、letter-spacing”

Font,就是字体的意思,所有这些前缀为font的连串字符即是代表对字体的设置,想要让你的文字更加丰富多彩,这九种基本的标签名就需要认真留意啦。

Font-family

字体大家族,当输入这个标签,就是代表了你的文字的字体,比如宋体、黑体、思源黑体......

格式书写为——font-family:"思源黑体"

Font-size

size,尺寸,字体的大小一般使用像素作为单位,而在实际中,为了方便程序员敲代码,故而像素大小使用除了5以外尽量使用偶数值。格式书写为——font-size:16px;

Font-style

这是一个表示字体倾斜的标签,书写格式为 font-style:normal /initial /oblique;有三个英文内容,normal即是常规,也就是不倾斜,initial和oblique,这二者都为倾斜输入,对于用户体验并无差别,只是浏览器对oblique更加强调,故多用后者。

Font-weight

相信大多数人对于weight并不陌生,字体的重量就是加粗,书写格式为font-weight:normal /bold /bolder;同样是三个内容,看过了style,对于weight也就不陌生了,normal代表常规,即为不加粗,而boldh和bolder都为加粗输入,对于用户体验并无差别,只是浏览器对bolder更加强调,故多用后者。

Line-height

行高,在文字书写中,从第一行的头部到下一行的头部之间的距离即为行高,行高的设置一般是1.5倍或2倍字号,书写格式——line-height:32px;

Text-align

表示文本的对齐方式,就如word文本一般,有左对齐、右对齐、居中选项,格式书写为——text-align:left/right/center;

Text-indent

首行缩进,按字符缩进,一般为两个字符,即为两个字号大小,书写格式为——text-indent:32px;

Text-decoration

decoration,装饰的意思,此条标签意为"文本修饰",包括下划线、删除线、上划线,

格式书写——text-decoration:underline /line-though /overline;

Letter-spacing

字间距,即汉字与汉字之间的间距,英文字母和英文字母之间的间距,大小适宜即可。书写格式——

letter-spacing:5px;

附图:

以上九种就是基本的文本声明。

上一篇下一篇

猜你喜欢

热点阅读