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

大家好，如果说目前在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的初步知识以及编辑方法。希望大家能够掌握下一面几个方面的内容：

• 标记的概念
• 传统HTML的缺点
• CSS的引入
• 如何编辑CSS
• 浏览器与CSS

2．使用CSS控制页面

在对CSS有了大致的了解后，便希望使用CSS对页面进行全方位的控制。我们在这里主要介绍如何使用CSS控制页面，以及其控制页面的各种方法，包括行内样式、内嵌式、链接式、导入式等。并最后探讨各种方式的优先级问题。希望大家能够掌握以下几个方面的内容：

• 行内样式
• 内嵌式
• 链接式
• 导入样式
• 各种方式的优先级问题

3．体验CSS

我们在这里通过一个简单的实例，初步体验CSS是如何控制页面的，对页面从无到有，并使用CSS实现一些效果有一个初步的了解。对于我们在这里中的很多细节读者不必深究，在以后的课程中都将一一讲解。希望大家能够掌握以下几个方面的内容：

• 从零开始
• 加入CSS控制
• 控制图片
• CSS的注释

好了，今天就到这里，下面的内容我们明天再谈。