[第7讲_使用CSS样式表设置丰富的文字效果.pptVIP

回顾 基本的选择符有哪三种？优先级如何？ 更多类型的选择符有哪些？ 常用的CSS数据单位有哪些？ 样式表有几种导入方式？它们的区别及优先级如何？ 本讲目标 会使用CSS文字样式 文字实例：模拟Google公司的logo 会使用CSS段落文字 段落实例：百度搜索 导入 文字是网页设计中必不可缺的元素，使用过word的用户会发现，word可以对文字的字体、大小、颜色等属性进行设置，CSS同样可以做到。 我们将从以下几个方面进行学习： a、字体 b、文字大小 c、文字颜色 d、文字粗细 e、斜体 f、文字的下划线、 g、英文字母大小写 字体 在HTML语言中，对文字字体的控制，是通过 在CSS中，则是通过font-family属性来控制的 serif与sans-serif区分 文字大小 CSS对于文字大小控制是通过 该属性的值可以是相对大小也可以是绝对大小，在这里提供了三种常用的数据单位： 文字颜色 文字各种颜色的合理搭配，使得页面五彩缤纷，在CSS中文字颜色的控制是通过 color属性的值有两种常用的表达方式： 文字粗细 在HTML语言中可以通过b标记或者strong标记将文字设置成粗体。 在CSS中，提供了更为细致的划分 文字下划线、顶划线和删除线 提起文字下划线，我们会联想到超链接无下划线特效。 通过演示，我们来了解该属性具体的值的效果。 英文字母大小写 英文字母大小写转换是CSS提供的很实用的功能之一 文字实例一：模拟Google公司Logo 要求做出如下图片所示效果： 文字实例二：制作页面的五彩标题 要求对“Super Title CSS”该标题进行样式指派，依次实现下列图片实现效果： CSS段落文字对齐方式 水平对齐通过属性 text-align 来控制 垂直对齐通过属性 vertical-align 来控制 行间距和字间距 行间距通过属性 line-height 来控制 字间距通过属性 letter-spacing 来控制 首字放大 在许多报刊或杂志的文章中，开篇第一个字很大，借此第一时间来吸引住顾客的眼球。 段落实例：百度搜索 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 了了了了了了来了来了 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. font face=“黑体” p{ font-family:黑体, 宋体, Arial, sans-serif; } Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. p style=font-family:serif; K/p p style=font-family:sans-serif;K/p serif字体 sans-serif字体 我们发现：左侧的K较之右侧的K，在字笔画开始及结束的地方有额外的修饰，易读性更强，长时间阅读这样的字体不容易疲劳 左侧字体常用于正文，右侧字体常用于标题 案例演示 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Lt