美文网首页
敲代码——文本声明

敲代码——文本声明

作者: 还酹江月2030 | 来源:发表于2018-11-10 09:29 被阅读0次

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

    以下的标签都是在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;

    附图:

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

    相关文章

      网友评论

          本文标题:敲代码——文本声明

          本文链接:https://www.haomeiwen.com/subject/srdexqtx.html