当前位置:首页 > DIV+CSS教程 > 正文

视频:第3课 - 设置丰富的文字效果 - CSS基本知识

作者:曾顺 来源:前沿视频教室 【 】 浏览: 添加日期:2008-06-26 我要评论(3)     

点击在线观看

下载该节视频教程 动力软件园分流下载 FLV播放器下载 或者使用QQ影音播放

文字是网页设计种永远不可缺少的元素,各种各样的文字效果遍布在整个英特网中。本课从基础的文字设置出发,详细讲解CSS设置各种文字效果的方法,然后再进一步讲解段落排版的相关内容。

CSS文字样式

使用过Word编辑文档的用户一定对会注意到,Word可以对文字的字体、大小、颜色等各种属性进行设置。CSS同样可以对HTML页面中的文字进行全方位的设置。我们在这里在上两章的基础上主要介绍CSS设置文字各种属性的基本方法。希望大家能够掌握以下几个方面的内容:

  • 字体
  • 文字大小
  • 文字颜色
  • 文字粗细
  • 斜体
  • 文字的下划线、顶划线、删除线
  • 英文字母大小写

 

文字实例一:模拟Google公司logo

前面对CSS设置文字的各种单独效果进行了详细的介绍,我们在这里通过一个简单的实例,将各种效果综合运用,达到基本模拟Google公司logo的效果。

 

文字实例二:制作页面的五彩标题

对于任何文章,标题的作用是显而易见的。在页面中标题的设计往往也决定着整个页面的风格样式。我们在这里以CSS设计标题为例,进一步介绍CSS在控制文字时的各种方法和技巧。对于我们在这里中使用的一些CSS属性,前面课程可能还没有涉及,读者不必深究,在以后的课程都将详细介绍。

CSS段落文字
段落是由一个个文字组合而成的,同样是网页中最最重要的组成部分,因此前面提到的文字属性,对于段落同样适用。但CSS针对段落也提供了很多样式属性,我们在这里将通过实例进行详细介绍。希望大家能够掌握以下几个方面的内容:

  • 段落的水平对齐方式
  • 段落的垂直对齐方式
  • 行间距和字间距
  • 首字放大

段落实例:百度搜索

搜索引擎一直都是在网上冲浪必不可少的工具,而搜索引擎在显示搜索结果时如何能让用户一目了然的找到关键字,是每一个搜索网站在排版时都必须认真对待的,而各种搜索结果恰恰都只是文字段落为主。作为国内搜索引擎霸主之一的百度一直保持着友好的用户界面。我们在这里通过具体实例,模拟Baidu搜索的显示结果,进一步巩固CSS文字、段落的排版方法。

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频 css文字效果

所属专题:视频教程

更多评论(3)..会员评论

wyq(42.91.*.*) 发表于:2014-04-23 09:38:51
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、视屏观看不了就把内容去了,还放在网上误导人。?????
1587226109(183.1.*.*) 发表于:2014-01-18 22:08:03
你好,本站最多同时可以下载1个文件,请稍候再试……,怎么下载不了
penghui(36.250.*.*) 发表于:2013-10-27 09:51:33
为什么无法下载呢也看不了
lrqiang(59.38.*.*) 发表于:2011-06-01 17:26:00
唉,老师,我好多不明白的地方,比如说给LI指定了高度和宽度,后面需要加个值跟高度一样的LINE-HEIGHT,这是为什么啊?
管理员回复:行高呀

出差旅游免费预订酒店

【视频教程】新手常见问题