3.3 CSS文本样式-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

单元3 CSS基础 3.3 CSS文本样式 PART 01 设置字体样式 主要内容 CONTENTS PART 03 设置行高与间距 PART 02 设置文本缩进与对齐 PART 04 设置文本修饰 2 设置字体样式 属性 描述 font-family 用于设置元素内文字的字体。 font-size 用于设置元素内文字的字号。用于设置元素内文字的字体。 number：数值有相对尺寸和绝对尺寸两种类型。 medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small：取值相对于父元素来说，medium为默认值，其它取值以 medium 作为基础参照。 color 用于设置元素内文字的颜色。 font-weight 用于设置元素内文字的粗细。 font-style 用于设置元素内文字的样式。 normal ：设置文本字体样式为正常字体 italic：设置字体样式为斜体 oblique：设置字体样式为倾斜的字体。人为的使文字倾斜，而不是去选取字体中的斜体字。 font-variant 用于设置元素内文字为小型大写字体或者正常字体。 font 设置元素内文字的字体类型、大小、风格、颜色等各个属性的组合样式 【案例3.3.1】使用文本样式 设置文本缩进与对齐 属性 描述 text-indent 设置文本的第一行的缩进。 length（默认值）：设置文本固定的缩进，值为0。 %：设置基于父元素宽度的百分比的缩进。 text-align 设置元素内部文本的水平对齐方式，该属性只适用于块级元素。 left ：文本内容采用左对齐 right ：文本内容右对齐 center ：文本内容采用居中 vertcal-align 设置行级元素在行框内的垂直对齐方式。 【案例3.3.2】使用文本样式 设置行高与间距 属性 描述 line-height 实现上下排文字间隔距离，以及单排文字在一定高度情况上下垂直居中布局。 length（默认值）：设置文本固定的缩进，值为0。 %：设置基于父元素宽度的百分比的缩进。 letter-spacing 用来设置元素内部字符的间距。 normal：默认。规定字符间没有额外的间距。 数值：设置字符间的固定间距（允许使用负值）。 inherit：规定应该从父元素继承letter-spacing属性的值。 word-spacing 用来设置元素内部字的间距。 normal：默认。规定字符间没有额外的空间。 length：设置字、单词间的固定间距（允许使用负值）。 inherit：规定应该从父元素继承letter-spacing属性的值。 white-space 用来设置是否保留文本间的空格、换行；文本超过边界时是否换行。 left ：文本内容采用左对齐 right ：文本内容右对齐 center ：文本内容采用居中 【案例3.3.2】设置文本垂直居中的样式 设置文本修饰 【案例3.3.4】设置文本修饰的样式 text-decoration属性：用来设置或删除文本的修饰。 Inherit：继承 none：文字没有样式。 underline：文字添加下划线样式。 overline：文字添加上划线样式。 line-through：文字添加删除线样式。 blink：文字添加闪烁线样式。 text-decoration:inherit|none|underline|overline|line-through|blink; 感谢观看 $