HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第8章 设置文字和文本样式.pptx

第8章设置文字和文本样式;8.1设置文字样式;8.1.1设置文字字体;【示例8-1】使用CSS内部样式表在页面的head标签中添加两种设置字体的样式。;8.1.2设置文字大小;设置文字大小;【示例8-2】以不同的方式设置字体大小。;8.1.3设置粗体;【示例8-3】为文字设置不同程度的粗细。;8.1.4设置文字颜色;【示例8-4】为中文文字设置不同的颜色。;8.1.5设置斜体;【示例8-5】为文字设置不同的斜体效果。;8.1.6综合设置;【示例8-6】综合设置文字的各种样式。;8.2设置文本样式;8.2.1设置阴影效果;【示例8-7】为文本设置阴影效果。;8.2.2设置大小写转换;【示例8-8】设置不同类型的大小写转换。;8.2.3设置文本缩进;【示例8-9】为文字设置不同类型的缩进。;8.2.4设置文本的水平对齐方式;【示例8-10】为几段文本设置不同的水平对齐方式。;8.2.5设置文本的垂直对齐方式;表8.3对各个取值进行了详细说明。

;【示例8-11】设置不同类型的垂直对齐方式。;8.2.6设置文本流入方向;【示例8-12】为文本设置不同的流入方向。;8.2.7设置文本修饰;text-decoration属性可以取5种值，其含义分别如表8.4所示。

;【示例8-13】为不同的文本添加不同的修饰效果。;8.3空格与换行;8.3.1空格的处理方式;【示例8-14】设置文本空格的不同处理方式。;19 人生的磨难是很多的，所以我们不可对于每一点轻微的伤害都过于敏感。在生活磨难面前，精神上

20 的坚强是我们抵抗罪恶和人生意外的最好“武器”……

21 /p

22 hr/

23 pclass=b

24 人生的磨难是很多的，br/

25 所以我们不可对于每一点轻微的伤害都过于敏感

26 在生活磨难面前，

27 精神上的坚强。br/

28 人生的磨难是很多的，所以我们不可对于每一点轻微的伤害都过于敏感。在生活磨难面前，精神上

29 的坚强是我们抵抗罪恶和人生意外的最好“武器”……

30 /p

31 hr/

32 pclass=c

33 人生的磨难是很多的，br/

34 所以我们不可对于每一点轻微的伤害都过于??感

35 在生活磨难面前，

36 精神上的坚强。br/

37 人生的磨难是很多的，所以我们不可对于每一点轻微的伤害都过于敏感。在生活磨难面前，精神上

38 的坚强是我们抵抗罪恶和人生意外的最好“武器”……

39 /p

40 /body

41 /html;8.3.2字内换行;【示例8-15】对文本使用不同类型的字内换行。;将word-break设置为keep-all;8.4设置间距;8.4.1设置行间距;【示例8-16】为不同的文本设置不同的行高。;20 hr/

21 divclass=b

22 Karstsarerockformationsmadeoflimestone.br/

23 Itwasatimewhenpeopleweredividedgeographically.br/

24 Therearemanyreasonswhypeoplelearnaforeignlanguage.br/

25 /div

26 hr/

27 divclass=c

28 Karstsarerockformationsmadeoflimestone.br/

29 Itwasatimewhenpeopleweredividedgeographically.br/

30 Therearemanyreasonswhypeoplelearnaforeignlanguage.br/

31 /div

32 hr/

33 divclass=d

34 Karstsarerockformationsmadeoflimestone.br/

35 Itwasatimewhenpeopleweredividedgeographically.br/

36 Therearem