试读《精彩绝伦的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模型的一些故事。