敲代码——文本声明
何谓文本声明?就是对文字进行包装,使得打字不仅仅是打出文字,而且还有它自己的“格调”。
以下的标签都是在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;
附图:
以上九种就是基本的文本声明。