第2章  CSS初体验

对于学习一种新的技能来说，最自然的方法就是像婴儿学说话一样，模仿大人的语言和语气，从最简单的发音开始，直到最后逐渐掌握了一定量的词语才能完整地说出一个句子。CSS地学习同样离不开模仿，本章就先从辨别哪里是CSS，CSS有哪些种类开始，由简单到复杂，一步一步走进CSS技术的殿堂。。
下面就让我们出发。
2.1  实验一：寻找CSS
在第1章里，本书对HTML和CSS的一些背景知识，还对浏览网站的过程做了介绍。文本的知识或多或少有点枯燥，既然我们讨论的内容离不开网络，那还是充分发挥它的优势，直接通过浏览一个网站来学习。
我们的第一个任务就是在网络上找到一个实际的CSS。

2.1.1  浏览器与网页的外观
在Windows XP系统中，单击开始，运行，输入iexplore.exe就可以打开默认自带的IE浏览器。如果机器中安装了火狐浏览器，在运行中输入firefox就可以了。浏览器的上方都有一个很长的输入框，也叫做地址栏，我们可以在其中输入想要访问的网址，在本实验中，输入www.sohu.com，然后按回车（Enter）键。

HTML与浏览器的外观
 

2.1.2  找到样式表
读者可能会问，在图2-1中只看到了浏览器和网页，哪里有样式表的存在？
在第一章我们了解到一个简单HTML页面由内容和格式构成，浏览器根据HTML的格式控制字符来显示页面的内容，所以浏览器一定知道CSS在哪里，实际上，可以通过查看源代码的方法来发现它。
在IE浏览器中单击菜单中的页面，在下拉菜单选择查看源代码，就可以看到一个页面中的格式控制字符。如果使用的是Firefox，则可以通过菜单中的查看页面源代码来完成同样的工作。

2.1.3  先模仿后进步
前面所讲的这种查看源文件的方法，正是提供了一种模仿的途径，我们可以在碰到认为效果不错的网页时，查看源文件，分析其中CSS的使用，从而提高自己的水平。不过，不能抄袭别人的样式表，毕竟那是辛勤的劳动成果，我们所要做的就是从中学到知识。
由于国外CSS技术应用比较成熟，有必要在学习的过程中以分析模仿国外优秀网站为主，同时还可以提高自己的英文水平。下面列出了一些比较好的学习钻研CSS技术的站点：
http://www.w3.org/Style/CSS/ 这是CSS的老家，CSS的官方站点，从出版信息到具体技术非常全面，英文站点。
http://www.csszengarden.com/ 经典的CSS Zen Garden网站。Zen在日语里就是禅的意思，我们姑且称这个网站为CSS禅意花园吧。网站主要目的就是为了探索CSS所能做到的各种视觉效果，具有探索性质，适合英文阅读能力强，对CSS有兴趣，有一定基础的读者，英文站点。
http://www.cssbeauty.com/ 美丽的CSS。该网站列出了一些利用CSS比较出色的站点，配合它们的首页图片。类似的网站还有http://www.cssartillery.com/。
www.blueidea.com 蓝色理想。这是一个中文的设计类网站，在它的前台栏目和论坛中有一些CSS的文章、求助的帖子等。同时，它还有很多其他关于设计，编程的栏目和文章。

[1] [2] [3] 下一页