自从不久前接触禅意花园以来，深深的被禅意花园的设计所震撼了！于是我想根据禅意花园中的作品来学习css。虽然现在没看过禅意花园这本书，不管我想这又有什么关系呢，我可以先试着通过试着研究学习其中作品源代码，来体验禅意花园的设计思想。
这次认真的看了第一个作品，并且也跟着自己做了一遍，收获最大的我想就是感受到了行内元素span的作用。
在看第一部作品的结构代码时，作者在很多标题，链接上都使用了span元素，还很纳闷为什么要用这么多的span元素，不用好像效果也已经可以实现了。当我看到其css文件代码时，这种纳闷终于逐渐的烟消云散。原来其中作品的标题是用背景图片的，而将文字放在span元素中，则可以通过ID下的span元素设置样式来隐藏标题的文字。这样不管是从内容还是结构上都非常的合理。
另外在一些导航上也常用到行内元素span，其实道理也是一样的：可以更好的进行修饰，实现一些其他的功能，或者功能的拓展等等。
在编写样式ID的过程中，区分大小写非常的重要，我因为在这次学习源代码的编写过程中就因为不小心没有注意大小写，检查了好久。在这里再次的警醒自己一定要认真。呵呵
当然行内元素span还有其他很多作用，而这是我在第一次学习禅意花园作品的一点体会，在这里分享下。
