分类“CSS基本概念”的存档

CSS初探 - CSS基本知识 - 第1课

2007年05月30日 星期三

大家好,如果说目前在Web设计和开发技术领域,什么是非常“火”的新技术,CSS/DIV页面的布局无疑是其中之一。因此,前沿视频教室将在2007年7月锁定CSS,把这个月设为CSS/DIV网页设计主题月”,专门对CSS进行深入的透析!

我们一共将分大约20讲,对CSS/DIV网页设计进行讲解,首先将从基础入手,然后分若干个技术专题进行分析,接着将探讨一些更为深入的话题,最后通过几个综合实例为大家的实际操作进行一些指导。

本节课时长9分11秒,下载文件7.75兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

今天开始第一课。

1.CSS的概念

对于一个网页设计者来说,HTML语言一定不会感到陌生,因为它是所有网页制作的基础。但是如果希望网页能够美观、大方,并且升级方便,维护轻松,那么仅仅HTML是不够的,CSS在这中间扮演着重要的角色。本课从CSS的基本概念出发,介绍CSS语言的特点,以及如何在网页中引入CSS,并对CSS进行初步的体验。

CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过,并且推荐使用的。简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。它以HTML为基础,提供了丰富的格式化功能,如字体、颜色、背景、整体排版等等,并且网页设计者可以针对各种可视化浏览器设置不同的样式风格,包括显示器、打印机、打字机、投影仪、PDA等等。CSS的引入随即引发了网页设计的一个又一个新高潮,使用CSS设计的优秀页面层出不穷。

[点击这里查看本文全文……]

CSS基本语法与核心概念 - CSS基本知识 - 第2课

2007年05月31日 星期四

本节课时长14分54秒,下载文件11.9兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

上一课对CSS如何引入HTML页面进行了介绍,本课重点介绍CSS如何控制页面中的各个标记。从控制HTML标记的不同方法入手,介绍各种选择器的概念,以及选择器的声明等,最后介绍CSS继承在实际设计中的运用。

CSS选择器

选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果。希望大家能够掌握以下几个方面的内容:

  • 标记选择器
  • 类别选择器
  • ID选择器

[点击这里查看本文全文……]

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

2007年06月01日 星期五

本节课时长13分58秒,下载文件14.0兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

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

CSS文字样式

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

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

 

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

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

[点击这里查看本文全文……]