试读《精彩绝伦的CSS》•忆那些年做站长住在那个密室里

试读《精彩绝伦的CSS》·忆那些年做站长住在那个密室里

翻着翻着，哦，不。是一直拉着鼠标的滚轮，试读着《精彩绝伦的CSS》。一页页对于css开发者不陌生的工具截图，那是firebug。那燃烧的甲虫也把我带进那些年的回忆。

那些年，我还是大三的学生。还记得那是一个很冷的清明节，那段回忆，我记得饭只吃两餐，天天都是自己一个去买菜，一个电饭锅煮饭，饭熟了，把饭盛起来，再用电饭锅烧热水把买回来的东西一次用水煮熟……之后，床头还是那本《别具光芒CSS》。

不知道为什么，大学的几年。我都一直在追赶着什么似的，但是我却什么也得不到。因为一次的机会，我当了一名网站维护员，同时也开始为一个大四师兄写网站，70后一代网站开发都是table表格开发前端，因此很多时候，老师讲述的都是table页面开发，但是当时已经是div+css蓬勃发展的年代。一个个在猪八戒看到的项目，都是div+css网站前端开发。自己感觉到业余的收益开始收窄，也是开始css之路的迈步。

好不容易住在一个现在还记忆犹新的地方，沙朗。一个无名巷道里的民工房，我不知道当时怎么钻到那里去。一个密室，我足足住了一周，一叠草稿纸，一本书，一个电饭锅。

我没有带上笔记本电脑，因为我知道逃离的原因，是因为我想脱开网络的世界，寻求一个可以认真啃一本书的地方，所以我选择了那里。打印的几页前端代码，是当时大旗网的首页，当时十分迷恋滑动门的css代码。看着他的例子，眼睛扫一下，就开始在草稿纸上默写一次。

解答iteye引导的问题，我也再一次翻开那本书。找到这样的两个问题的答案。1.省略简写属性值的关键词时会发生什么？答：不知道是否这个意思，书写原则是如果CSS属性值为0，那么你不必为其添加单位(如:px/em)，你可能会这样写: padding: 10px 5px 0px 0px; 试试这样吧: padding: 10px 5px 0 0。所以css会自动匹配对应上右下左的值，这样大大方便了阅读，看上去整洁易明。2.如何使用颜色控制边框外观？答：外观的意思，应该是形状吧，这个css的属性表有详细的介绍，如下：边框显示样式：
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数值解释：
none : 　无边框。与任何指定的border-width值无关
hidden : 　隐藏边框。IE不支持
dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 　实线边框
double : 　双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 　根据border-color的值画3D凹槽
ridge : 　根据border-color的值画菱形边框
inset : 　根据border-color的值画3D凹边
outset : 　根据border-color的值画3D凸边

问题回答完了。可能回忆就停在这里，但是css的代码在我平时开发的时候，不论是VBA，java，当我遇到困难的时候，我也想起css密室的那些年我去学习css box模型的一些故事。