每日一句:如果命运是这个世界上最烂的剧本,那么你就要争取做你人生最好的演员。
目录
本文概述:
本文我们将详细介绍文本/字体样式的所有基本原理,包括设置文字的粗细,字体和样式,文字的对齐,和其他效果,以及行和字母间距。
文字样式化:
- color 设置字体颜色。
- font-size 设置字体大小。
- font-family 字体的样式,可以同时指定多个样式,中间使用逗号,隔开,字体会优先使用第一个,如果无法使用则使用第二个,依次类推。
- font-weight 字体的加粗,可以设置font-weight: bold来加粗字体等。normal, bold: 普通或者加粗的字体粗细
- font-style 字体的风格,可以设置font-style: italic来设置斜体等。normal: 将文本设置为普通字体 (将存在的斜体关闭)italic: 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。
文字标记:
- text-decoration : 设置/取消字体上的文本装饰 (你将主要使用此方法在设置链接时取消设置链接上的默认下划线。) 可用值为:
none : 取消已经存在的任何文本装饰。
underline : 文本下划线。
overline : 文本上划线
line-through : 穿过文本的线。又称删除线
文本对齐修饰:
- text-align 属性用来控制文本如何和它所在的内容盒子对齐。可用值如下:
left 左对齐文本。
right 右对齐文本。
center 居中文字
- line-height 属性设置文本每行之间的高;
font属性简写:
- font属性是复合属性,可以简写,常见的复合属性还有background;其中font复合属性书写需要按规定顺序;
- 按照以下顺序来写的: font-style, font-variant , font-weight , font-stretch , font-size , line-height , and font-family .
注意点 :如果使用font属性简写,其中只有 font-size 和 font-family 是一定要指定的,其他可以不写,如果写要按顺序。
font-size 和 line-height 属性之间必须放一个正斜杠。