网络应用
我估计跟昨天杀毒有关，可能把什么东西给搞乱了。这是我第二次遇到这种问题，第一次重装了系统，这次我可不这么傻了。在网络上没有查到相关解决办法，只好自己用土办法试一试了。在资源管理器右栏空白处（全是空白！）点击右键，选择“自定义文件夹”，一路“下一步”，最后完成，所有消失的文件夹和文件都恢复了。
coffee
2006-02-24 08:50:54
阅读:530
评论:0
引用:0
据说《纳尼亚传奇》的票房比《金刚》还高，我吝啬鬼就破费了七十大毛弄了张盗版来看。
依鄙人之间，看所谓的魔幻大片，还不如去打《魔兽世界》。最让人不爽的是，电影里面的魔法师都不会大面积伤害魔法，这算哪门子魔法师？《魔戒》里面的甘道夫拿着魔杖当少林寺的棍棒用了，《纳尼亚传奇》的女魔头把魔杖当冰棍用——点一个，冻一个，让俺实在想念《暗黑》里面的冰风暴，实在不行来个冰封球也行呀，唉····
搞不懂为什么票房这么高，我看就是给中学生看的电影，主题是个关于成长的故事：四个小朋友，兄妹四个，偶然进入一个冰天雪地的传奇世界——纳尼亚。该世界被一个冷酷无情的女巫所掌控，所有反抗她的人都被变成冰雕。有意思呀，怎么女巫这么惹人讨厌，而不是男巫呢？其中必定有个深深的象征。
恰巧，被放逐的国王回归到纳尼亚，国王竟然是个大狮子，呵呵。狮子王为了拯救误入歧途的小弟弟，主动牺牲自我。懦弱的年轻人被狮子王的义举所感动，勇敢面对冰女巫的进犯。正在寡不敌众的时候，狮子王复活，消灭了冰女巫。在把四兄妹封王之后，狮子飘然离去……
狮子大概象征了一个完美的父亲形象：勇敢、充满力量、愿意为孩子作出牺牲，同时在孩子成长之后又避免过多的干涉。
电影一般般，实在是一般般，战争场面尤其平淡，不过瘾呀。但是我女儿非常喜欢电影里面的大狮子，把它同她最喜欢的老师相提并论。
这个死而复活的狮子，就如同《黑客帝国》里面的Neo一样，都是《圣经》里面耶稣先生死而复活情节的翻版。如何证明超凡入圣，唯有死而复活。
依鄙人之间，看所谓的魔幻大片，还不如去打《魔兽世界》。最让人不爽的是，电影里面的魔法师都不会大面积伤害魔法，这算哪门子魔法师？《魔戒》里面的甘道夫拿着魔杖当少林寺的棍棒用了，《纳尼亚传奇》的女魔头把魔杖当冰棍用——点一个，冻一个，让俺实在想念《暗黑》里面的冰风暴，实在不行来个冰封球也行呀，唉····
搞不懂为什么票房这么高，我看就是给中学生看的电影，主题是个关于成长的故事：四个小朋友，兄妹四个，偶然进入一个冰天雪地的传奇世界——纳尼亚。该世界被一个冷酷无情的女巫所掌控，所有反抗她的人都被变成冰雕。有意思呀，怎么女巫这么惹人讨厌，而不是男巫呢？其中必定有个深深的象征。
恰巧，被放逐的国王回归到纳尼亚，国王竟然是个大狮子，呵呵。狮子王为了拯救误入歧途的小弟弟，主动牺牲自我。懦弱的年轻人被狮子王的义举所感动，勇敢面对冰女巫的进犯。正在寡不敌众的时候，狮子王复活，消灭了冰女巫。在把四兄妹封王之后，狮子飘然离去……
狮子大概象征了一个完美的父亲形象：勇敢、充满力量、愿意为孩子作出牺牲，同时在孩子成长之后又避免过多的干涉。
电影一般般，实在是一般般，战争场面尤其平淡，不过瘾呀。但是我女儿非常喜欢电影里面的大狮子，把它同她最喜欢的老师相提并论。
这个死而复活的狮子，就如同《黑客帝国》里面的Neo一样，都是《圣经》里面耶稣先生死而复活情节的翻版。如何证明超凡入圣，唯有死而复活。
coffee
2006-02-17 20:48:16
阅读:387
评论:0
引用:0
人有钱了嘛，就开始胡思乱想，搞点什么投资好乜？有钱人的烦恼比穷人还要过分，因为穷人毕竟知道自己想要什么，富人根本就不知道自己需要啥。尤其是对于一夜暴富的家伙，如盛大之流，就开始折腾。
百度倒是比较稳重，股票上市之后，迟迟没有什么动静。今天一看，突然发现把国学网给吞了下来。互联网嫁接老国学，实在是有点新鲜，我这个旁观者怎么看怎么觉得不般配。
当然了，他们的结合也情有可原。百度是打本土牌发家的，而国学也是土特产，定位倒是类似。其次，国学网的现状和前景也还算不错，发行电子版本的古籍《国学大典》小发了一笔。我曾见过他们的头儿，很精明的一个文人。百度利用自己的搜索能力，把国学的《大典》搞成了在线版本，这样就把可恶的知识产权问题给搞掂了。看起来这桩婚姻两全其美。
不过看起来合情合理的事情往往经不起推敲。首先，两人的合作，应该说纯粹是利益上的交易，而没有理念上的一致。勉强也可以说他们两个风格有点类似，但是实际上理念井水不犯河水，一个是搞服务的，一个是搞内容的。当然了，很多婚姻实际上就是交易，这也没什么奇怪的。再说了，百度通过吞并国学网，实际上开始试探文化服务领域的市场反应。问题在于，国学网能不能作为其中的代表。国学网虽然内容很丰富全面，但是本身没有任何供浏览者参与的余地，所有内容都是自己发布的，还不如新浪呢，至少还有个读者评论。无论从技术上看，内容上看，还是从理念上看，国学网都可谓是暮气沉沉的老处女。百度看起来娶了一位名门淑女，价格又便宜面子又足（具体交易价格我不知道，但是猜测肯定不像hao123那么高，毕竟国学是没落贵族嘛）。但是百度没有想过，现在所谓的参与式网络（web2.0？）就已经显示出潜力（好比点评网)，过几年恐怕国学网就不可掩盖的人老珠黄，那么应该怎么对待她呢？打入冷宫还是宣布离异？
再说了，国学网能够提供的服务，一般人用不到，专业人员也不多用，因为他们自己资料都很齐全了。做研究关键还不是面，而是深度，在深度上百度国学又未必能走多么远（他能养一百个国学专家？），因为它不是一个像wiki那样的开放式体系。
不过嘛，预测别人的婚姻是件很风险很大的事情，他们内部的交易和私下的想法，恐怕只有他们自己才知道。所谓清官难断家务事是也，我这全算作无聊村妇看别人娶媳妇胡扯得了。
百度倒是比较稳重，股票上市之后，迟迟没有什么动静。今天一看，突然发现把国学网给吞了下来。互联网嫁接老国学，实在是有点新鲜，我这个旁观者怎么看怎么觉得不般配。
当然了，他们的结合也情有可原。百度是打本土牌发家的，而国学也是土特产，定位倒是类似。其次，国学网的现状和前景也还算不错，发行电子版本的古籍《国学大典》小发了一笔。我曾见过他们的头儿，很精明的一个文人。百度利用自己的搜索能力，把国学的《大典》搞成了在线版本，这样就把可恶的知识产权问题给搞掂了。看起来这桩婚姻两全其美。
不过看起来合情合理的事情往往经不起推敲。首先，两人的合作，应该说纯粹是利益上的交易，而没有理念上的一致。勉强也可以说他们两个风格有点类似，但是实际上理念井水不犯河水，一个是搞服务的，一个是搞内容的。当然了，很多婚姻实际上就是交易，这也没什么奇怪的。再说了，百度通过吞并国学网，实际上开始试探文化服务领域的市场反应。问题在于，国学网能不能作为其中的代表。国学网虽然内容很丰富全面，但是本身没有任何供浏览者参与的余地，所有内容都是自己发布的，还不如新浪呢，至少还有个读者评论。无论从技术上看，内容上看，还是从理念上看，国学网都可谓是暮气沉沉的老处女。百度看起来娶了一位名门淑女，价格又便宜面子又足（具体交易价格我不知道，但是猜测肯定不像hao123那么高，毕竟国学是没落贵族嘛）。但是百度没有想过，现在所谓的参与式网络（web2.0？）就已经显示出潜力（好比点评网)，过几年恐怕国学网就不可掩盖的人老珠黄，那么应该怎么对待她呢？打入冷宫还是宣布离异？
再说了，国学网能够提供的服务，一般人用不到，专业人员也不多用，因为他们自己资料都很齐全了。做研究关键还不是面，而是深度，在深度上百度国学又未必能走多么远（他能养一百个国学专家？），因为它不是一个像wiki那样的开放式体系。
不过嘛，预测别人的婚姻是件很风险很大的事情，他们内部的交易和私下的想法，恐怕只有他们自己才知道。所谓清官难断家务事是也，我这全算作无聊村妇看别人娶媳妇胡扯得了。
coffee
2006-01-13 09:09:12
阅读:3499
评论:3
引用:0
中国博客网的美工非常优秀，尤其是各个栏目的首页相当和谐而精致，不过博客模板就稍微差一些。然而，好像音乐博客的模板质量稍微好一些。一般美工还是运用table布局更有驾驭能力，div布局需要一点点逻辑思考能力，这是大部分搞美术的人所不喜欢的事情。
coffee
2005-11-20 09:07:55
阅读:511
评论:0
引用:0
来自positioniseverything的How To write Efficient CSS是篇浅显易懂的CSS优化技术教学文章，实用性强，文字优美，非常经典，曾经JJGOD有翻译过，但是链接已经失效，自己也没有保存，所以干脆用自己的风格翻译出来，如果能达到JJGOD的翻译水准将是我的无上荣幸。尽管我努力试图保留原文作者的原汁原味，但是在翻译过程中发现，作者使用的生动的词句直译成中文反而并不生动，为此加入自己的语气和用词习惯，这样应该会令译文重新恢复“生动”:)
水平有限，如有纰漏恳请拨冗斧正......
效率的好处
CSS最受追捧的优点就是减小页面体积，从而减少了下载时间，无论是在页面第一次被下载时，还是此后直接从缓存中加载。事实的确如此，但是，这个在页面首次被下载过程中节省下来的体积往往又有很大一部分被浪费掉了，原因就是极度冗余的样式表代码。
好吧，一切都结束了，让我们重新开始。你将学习一些高效的样式表编写“密技”，开始对你的样式表敲骨吸髓榨干到最后一滴汁。当然，你不可能藉此节省“巨大”的页面体积，不过，对于那些在激烈的竞争中求生存的网站，省一个字节是一个字节，这些节省的字节对他们而言是极具价值的。
有这么几个范围可以进行“字节瘦身”，包括简写属性、多重声明、使用默认值、属性继承和空白的处理。
简写属性
在如何设置页面边距为零(Zeroing page margins)一文谈及了几个CSS简写属性，不过关于这个主题仍然有很多可以说的。
常用的简写属性包括:
* font — 字体，控制"font-size"(字体尺寸)、"font-weight"(字体磅数)、"line-height"(行高)等
* background — 背景，控制元素的背景、定位、重复等
* list-style — 列表样式，设置列表项目符号的属性
* margin — 边距，定义盒装容器各条边框旁留出的空白的宽度
* border — 边框，定义盒状容器各条边框的样式属性，此处会涉及到另几个涉及边框的简写属性
* padding — 内边距，定义盒状容器各条边框内侧留出的补白宽度
以上列表项可以直接链接到W3C CSS 2 specifications中相关的内容章节。
例如，font(字体)属性是一次性同时设置font-style(字体样式)、font-variant(字体变体)、font-weight(字体磅数)、font-size(字体尺寸)、line-height(行高)和font-family(字型组)的简写属性。然而，并不是所有这些属性都必须在简写属性中同时用到。当简写格式中的某些值被省略时，每个“失踪”的属性实际上都被指定使用它的默认值，这些值都可以在W3C specifications的font property(字体属性)内容部分中找到。如果在一个样式表文件中大量使用了字体相关的样式控制属性，那么使用这个简写属性将能显著缩减样式表的体积。
background(背景)和list-style(列表样式)属性也有类似的作用。列表中剩下的几个简写属性涉及到一个CSS盒状容器的四条边框，和前几个属性情况有所不同。
盒状容器边框的简写属性
任何一个区块级元素(divs—区块、tables—表格、lists—列表、paragraphs—段落，等等)的四条边框都有各自的margins、borders和padding属性，可以各自单独设置它们的宽度。就拿borders来说，每条边框都可以独立分配border-style(边框式样)和border-color(边框颜色)。要是将所有这些属性统统拼写出来，乖乖，单这一条规则集就够冗长的了！使用简写规则可以极大地减少工作量。
时钟
假如盒状容器四条边框的某个边框属性都一样，那样的话只要使用基本的简写属性就可以了，比如这样写:
margin: 5px;
border-width: 5px;
padding: 5px;
注意: 必须设置border-style(边框式样)才能显示边框。为此我们可以定义border-style属性或在border属性中设置式样。仅仅使用border-width属性是不能显示边框的。
可是，假如出现其中几条边框的值并不相同的情况，这时候，一种我们称之为“时钟”的CSS特性开始起作用了。让我们把一个盒状容器想象成一个钟面。当指针向上直??写属性的第一个值。接下来是三点钟的位置，相当于盒状容器的右侧边。然后是六点钟位置，相当于盒状容器的底边，最后九点钟方位指代左侧边。
来看个例子。我们想在页面上放一个盒状容器，它的顶边距宽10px、右边距宽5px、底边距宽3px、没有左边距。那么用margin简写属性可以这么写:
margin: 10px 5px 3px 0;
在声明属性时，这些属性值之间必须用也只能用空格分隔。并且，除非属性值为零，否则每个值都必须标注单位。
注意一下边距为零时值被定义成0，因为无论什么值只要是零，单位就无关紧要。任何一种单位(px, em, %, 等)的零值等于任何其他单位的零值。
改型时钟
当某几条边框相同时，边框的简写属性可以更大程度地浓缩。如前文所述，当所有边框都一致时，所有边框使用同一值，可是，假如顶边和底边一致，而右侧边和左侧边一致，这样的情况下，边距的代码可以写成如下这样:
margin: 10px 5px;
这样写将顶边和底边的边距设置成10px，两侧的侧边距为5px。还有一招，就是当顶边和底边不同而侧边一致的情况。顶边距10px、左侧和右侧边距5px、底边距20px，我们就这么写:
margin: 10px 5px 20px;
这全都取决于简写属性用到的值得数目以及次序。记住，一个值=所有的边框；两个值=顶/底边框，两侧边框；三个值=顶边框，两侧边框，底边框；四个值=遵循钟面原则。好了，不太难记吧？
边框差异
border shorthand properties(边框简写属性)和padding(内边距)同样也可以使用这种“时钟”简写方法。border-width，border-color，border-style和padding和margin(边距)的操控方式相同。不过，border属性还是有一点差异的。border属性可以同时设置盒状容器的四条边框的border-width、border-style和border-color。
当四条边框全都一样时很好处理，但是如果他们不一样呢？难道我们还要回到从前诸如border-top、border-right的日子么？好吧，也许可以。幸运的是，我们另高招。
譬如说盒状容器各边框的式样和颜色都相同，唯独宽度各不相同。最直接有效的写法是照常使用基本的border简写属性定义border-width、border-style和border-color，然后单独使用border-width属性定义不同的边框宽度来覆盖前面的设置，象下面这样:
border: 10px solid red;
border-width: 10px 5px 3px 0;
如果四条边框的所有边框属性都各不相同，那么这个办法就派不上大用场了，不过这种情形毕竟不常发生。如果仅是border-style或者border-color属性各有变化，那么用这个办法稍作修改就能像处理border-width那样来处理这些属性了。
接下来我们一起来看另一种情况，看看高效的CSS编写方式有什么不同。
多重声明
譬如说我们有六个绝对定位的区块(Dreamweaver中的层)，它们全都一样，所不同的是它们彼此隔开一定距离横排在页面顶部。由于它们的页面定位不同，必须给它们取单独的类名或ID，除此之外它们其余的属性统统一样。
用排版编辑器的话或许会为每个ID单独编写样式规则，包括所有的字体规则、文本规则、定位声明等等。像这样不停地重复那些完全一样的规则看上去实在不是什么明智之举，不是么？没错。下面就是如何最大限度地精简这些规则的方法:
#first {left: 0;}
#second {left: 100px;}
#third {left: 200px;}
#fourth {left: 300px;}
#fifth {left: 400px;}
#sixth {left: 500px;}
#first, #second, #third, #fourth, #fifth, #sixth {
position: absolute;
top: 0;
width: 75px;
font-size: .9em;
font-weight: bold;
text-align: center;
line-height: 1.4em;
background-color: silver;
color: navy;
padding: 5px;
border: 1px solid navy;
}
通过逐个列出这些相同区块的ID，并用逗号紧跟一个空格来?有这六个区块。显而易见，如果每个ID都重复定义这些属性，整个CSS就会臃肿不堪。这可能是唯一最有效减小样式表体积的办法了。
注意: 确保最后一个ID选择符后面没有跟逗号，而应该像上面的多重ID规则集代码样本写的一样。有些浏览器仍旧能显示这些区块，但是有些就会将这个认作是代码错误而不显示任何一个区块。
使用默认值
多数CSS属性都有初始默认值，而当你为元素的这些属性重新定义了值的时候，它们的默认值也就被覆盖了。例如内边距的各个属性，padding-top、padding-right、padding-bottom和padding-left，它们的初始值都是0。如果不希望目标元素有内边距，那么内边距属性就可以省略不写。
注意: 我们先前讨论的简写属性本身并没有默认值。通常各个值都取自简写模型中所表现的单个属性。虽然CSS 2 specification Property Index(属性索引)里列出的默认值里很多是none或者0，但浏览器通常自己会根据不同元素为某些属性设置不同默认值的。
例如: Opera浏览器预设body元素的内边距为8px。h1-h6标题和段落元素通常默认的边距都不为零。不同的浏览器，为lists(列表)和list-items(列表项)预设的内外边距非零默认值也不尽相同。
属性继承
避免编写冗余代码的另外一个办法就是注意子元素从父元素那里继承下来的属性。可以继承的属性着实不多，可其中很多还是不常用到的属性，像voice-family。常用的可继承属性的列出来也没几个(按字母顺序):
* color — 颜色
* font (and related properties) — 字体及相关属性
* letter-spacing — 字距
* line-height — 行高
* list-style (and related properties) — 列表样式及相关属性
* text-align — 文本对齐
* text-indent — 文本缩进
* text-transform — 文本转换
* white-space — 空白
* word-spacing — 词距
在某些旧版浏览器中继承特性存在很多问题，而现在的新版浏览器一般来说都能正确实现继承。只要了解了哪些属性可以继承，你就又能少写不少多余代码了。重申一下，要查阅完整的属性列表请查看CSS 2 Property Index(CSS 2 属性索引)。
空白的处理
这里说的空白不是CSS里那个有特定值的white-space属性，这里说的是样式表文件里面本来就存在的空白间隔。这些个间隔来自于那些用于产生新行的换行符，以及那些在单独一行里有助提高可读性的空格。尽管移除这些间隔可以省出几个字节的体积，但是通常也省不了多少。
假如这些空隔被移除了，样式表会变得晦涩难读，更别提以后做修改了。如果工程明确要求删除每一个多余的字节，那你最好新建一个方便阅读的“主”样式表文件，然后复制一份，再把其中所有的空白移除，这份样式表就是使用中的“现场版”样式表。要是今后要修改的话，在那份易读的主样式表里修改，再像上面那样复制一份并移除空白，继续作为“现场版”。
小心！有些空格是CSS编码中必需的，要是这些空格被移除了，CSS规则也会跟着改变并导致一些意外结果的发生。W3C的规范说明中要使用了诸如"space separated,"(以空格间隔)这样的措词，那么这些空格就是必需的。这种情况常见于简写属性的各个属性值之间。往往我们讲到包含选择符就讲到包含组合符，它就是一个空格，要是把选择符里所有的空格都移除，那可不是什么好主意。也许移除空格这样的活留给那些狂热分子最适合不过了，是吧？
总结
至此你已经学习了如何使你的样式表更简洁经济高效的几种方法。经常使用这些技巧的好处不仅仅是节省样式表体积、加快下载，更令样式表常葆清爽整洁，通常易读易懂的代码也易于后期必要的修改维护。即便你是用排版编辑器来创建你的样式表，你一样可以用本文中所提及的这些方法来将你的“成品”编写得更合理更高效！
Holly 'n John e-mail
©positioniseverything
Last updated: July 3, 2004
Created November, 2003
Translated by POPOEVER on October 10, 2004
—————————— 全文完 ——————————
译者注: 本文在翻译过程中有几点引起我的注意，主要是一些专属名词如何翻译最为恰当，我原本也有看过不少国内的Web Standards相关的翻译作品以及中文本土作品，其间对于一些名词一直纠缠不清，各说一词，我也就暂且不去管他们了，汉语博大精深，想要统一一个单词往往不是件容易事，更何况本来就是“舶来”的术语。比如padding，有翻成“填充”的，有翻成“补白”的，还有翻成“补丁”，对于后二者我倒觉得可以接受，至少谐音可以方便洋文差的朋友记忆，不过我还是坚持把它翻成“内边距”，因为这样从表意上说最形象，padding本来就是边框到内部文本的距离么，不叫“内边距”叫什么。至于margin究竟是译作“空白”还是“留空”或是“间隙”、“间隔”、“边距”，哪个更好，我母亲从前是做高级编辑的，她跟我说应该叫“白边”，既然我已经把padding翻成“内边距”，那么看来margin也只能凑成一对地翻作“边距”喽。还有一个是box，见得最多的是翻成“盒模型”或“盒对象”，我也懒得去罗嗦什么了。无论如何，只是一己之见，也就故妄译之，但愿没有混淆视听~~~
--POPOEVER原创翻译，翻译著作权所有，谢绝转载，原文版权归属原作者所有
水平有限，如有纰漏恳请拨冗斧正......
效率的好处
CSS最受追捧的优点就是减小页面体积，从而减少了下载时间，无论是在页面第一次被下载时，还是此后直接从缓存中加载。事实的确如此，但是，这个在页面首次被下载过程中节省下来的体积往往又有很大一部分被浪费掉了，原因就是极度冗余的样式表代码。
好吧，一切都结束了，让我们重新开始。你将学习一些高效的样式表编写“密技”，开始对你的样式表敲骨吸髓榨干到最后一滴汁。当然，你不可能藉此节省“巨大”的页面体积，不过，对于那些在激烈的竞争中求生存的网站，省一个字节是一个字节，这些节省的字节对他们而言是极具价值的。
有这么几个范围可以进行“字节瘦身”，包括简写属性、多重声明、使用默认值、属性继承和空白的处理。
简写属性
在如何设置页面边距为零(Zeroing page margins)一文谈及了几个CSS简写属性，不过关于这个主题仍然有很多可以说的。
常用的简写属性包括:
* font — 字体，控制"font-size"(字体尺寸)、"font-weight"(字体磅数)、"line-height"(行高)等
* background — 背景，控制元素的背景、定位、重复等
* list-style — 列表样式，设置列表项目符号的属性
* margin — 边距，定义盒装容器各条边框旁留出的空白的宽度
* border — 边框，定义盒状容器各条边框的样式属性，此处会涉及到另几个涉及边框的简写属性
* padding — 内边距，定义盒状容器各条边框内侧留出的补白宽度
以上列表项可以直接链接到W3C CSS 2 specifications中相关的内容章节。
例如，font(字体)属性是一次性同时设置font-style(字体样式)、font-variant(字体变体)、font-weight(字体磅数)、font-size(字体尺寸)、line-height(行高)和font-family(字型组)的简写属性。然而，并不是所有这些属性都必须在简写属性中同时用到。当简写格式中的某些值被省略时，每个“失踪”的属性实际上都被指定使用它的默认值，这些值都可以在W3C specifications的font property(字体属性)内容部分中找到。如果在一个样式表文件中大量使用了字体相关的样式控制属性，那么使用这个简写属性将能显著缩减样式表的体积。
background(背景)和list-style(列表样式)属性也有类似的作用。列表中剩下的几个简写属性涉及到一个CSS盒状容器的四条边框，和前几个属性情况有所不同。
盒状容器边框的简写属性
任何一个区块级元素(divs—区块、tables—表格、lists—列表、paragraphs—段落，等等)的四条边框都有各自的margins、borders和padding属性，可以各自单独设置它们的宽度。就拿borders来说，每条边框都可以独立分配border-style(边框式样)和border-color(边框颜色)。要是将所有这些属性统统拼写出来，乖乖，单这一条规则集就够冗长的了！使用简写规则可以极大地减少工作量。
时钟
假如盒状容器四条边框的某个边框属性都一样，那样的话只要使用基本的简写属性就可以了，比如这样写:
margin: 5px;
border-width: 5px;
padding: 5px;
注意: 必须设置border-style(边框式样)才能显示边框。为此我们可以定义border-style属性或在border属性中设置式样。仅仅使用border-width属性是不能显示边框的。
可是，假如出现其中几条边框的值并不相同的情况，这时候，一种我们称之为“时钟”的CSS特性开始起作用了。让我们把一个盒状容器想象成一个钟面。当指针向上直??写属性的第一个值。接下来是三点钟的位置，相当于盒状容器的右侧边。然后是六点钟位置，相当于盒状容器的底边，最后九点钟方位指代左侧边。
来看个例子。我们想在页面上放一个盒状容器，它的顶边距宽10px、右边距宽5px、底边距宽3px、没有左边距。那么用margin简写属性可以这么写:
margin: 10px 5px 3px 0;
在声明属性时，这些属性值之间必须用也只能用空格分隔。并且，除非属性值为零，否则每个值都必须标注单位。
注意一下边距为零时值被定义成0，因为无论什么值只要是零，单位就无关紧要。任何一种单位(px, em, %, 等)的零值等于任何其他单位的零值。
改型时钟
当某几条边框相同时，边框的简写属性可以更大程度地浓缩。如前文所述，当所有边框都一致时，所有边框使用同一值，可是，假如顶边和底边一致，而右侧边和左侧边一致，这样的情况下，边距的代码可以写成如下这样:
margin: 10px 5px;
这样写将顶边和底边的边距设置成10px，两侧的侧边距为5px。还有一招，就是当顶边和底边不同而侧边一致的情况。顶边距10px、左侧和右侧边距5px、底边距20px，我们就这么写:
margin: 10px 5px 20px;
这全都取决于简写属性用到的值得数目以及次序。记住，一个值=所有的边框；两个值=顶/底边框，两侧边框；三个值=顶边框，两侧边框，底边框；四个值=遵循钟面原则。好了，不太难记吧？
边框差异
border shorthand properties(边框简写属性)和padding(内边距)同样也可以使用这种“时钟”简写方法。border-width，border-color，border-style和padding和margin(边距)的操控方式相同。不过，border属性还是有一点差异的。border属性可以同时设置盒状容器的四条边框的border-width、border-style和border-color。
当四条边框全都一样时很好处理，但是如果他们不一样呢？难道我们还要回到从前诸如border-top、border-right的日子么？好吧，也许可以。幸运的是，我们另高招。
譬如说盒状容器各边框的式样和颜色都相同，唯独宽度各不相同。最直接有效的写法是照常使用基本的border简写属性定义border-width、border-style和border-color，然后单独使用border-width属性定义不同的边框宽度来覆盖前面的设置，象下面这样:
border: 10px solid red;
border-width: 10px 5px 3px 0;
如果四条边框的所有边框属性都各不相同，那么这个办法就派不上大用场了，不过这种情形毕竟不常发生。如果仅是border-style或者border-color属性各有变化，那么用这个办法稍作修改就能像处理border-width那样来处理这些属性了。
接下来我们一起来看另一种情况，看看高效的CSS编写方式有什么不同。
多重声明
譬如说我们有六个绝对定位的区块(Dreamweaver中的层)，它们全都一样，所不同的是它们彼此隔开一定距离横排在页面顶部。由于它们的页面定位不同，必须给它们取单独的类名或ID，除此之外它们其余的属性统统一样。
用排版编辑器的话或许会为每个ID单独编写样式规则，包括所有的字体规则、文本规则、定位声明等等。像这样不停地重复那些完全一样的规则看上去实在不是什么明智之举，不是么？没错。下面就是如何最大限度地精简这些规则的方法:
#first {left: 0;}
#second {left: 100px;}
#third {left: 200px;}
#fourth {left: 300px;}
#fifth {left: 400px;}
#sixth {left: 500px;}
#first, #second, #third, #fourth, #fifth, #sixth {
position: absolute;
top: 0;
width: 75px;
font-size: .9em;
font-weight: bold;
text-align: center;
line-height: 1.4em;
background-color: silver;
color: navy;
padding: 5px;
border: 1px solid navy;
}
通过逐个列出这些相同区块的ID，并用逗号紧跟一个空格来?有这六个区块。显而易见，如果每个ID都重复定义这些属性，整个CSS就会臃肿不堪。这可能是唯一最有效减小样式表体积的办法了。
注意: 确保最后一个ID选择符后面没有跟逗号，而应该像上面的多重ID规则集代码样本写的一样。有些浏览器仍旧能显示这些区块，但是有些就会将这个认作是代码错误而不显示任何一个区块。
使用默认值
多数CSS属性都有初始默认值，而当你为元素的这些属性重新定义了值的时候，它们的默认值也就被覆盖了。例如内边距的各个属性，padding-top、padding-right、padding-bottom和padding-left，它们的初始值都是0。如果不希望目标元素有内边距，那么内边距属性就可以省略不写。
注意: 我们先前讨论的简写属性本身并没有默认值。通常各个值都取自简写模型中所表现的单个属性。虽然CSS 2 specification Property Index(属性索引)里列出的默认值里很多是none或者0，但浏览器通常自己会根据不同元素为某些属性设置不同默认值的。
例如: Opera浏览器预设body元素的内边距为8px。h1-h6标题和段落元素通常默认的边距都不为零。不同的浏览器，为lists(列表)和list-items(列表项)预设的内外边距非零默认值也不尽相同。
属性继承
避免编写冗余代码的另外一个办法就是注意子元素从父元素那里继承下来的属性。可以继承的属性着实不多，可其中很多还是不常用到的属性，像voice-family。常用的可继承属性的列出来也没几个(按字母顺序):
* color — 颜色
* font (and related properties) — 字体及相关属性
* letter-spacing — 字距
* line-height — 行高
* list-style (and related properties) — 列表样式及相关属性
* text-align — 文本对齐
* text-indent — 文本缩进
* text-transform — 文本转换
* white-space — 空白
* word-spacing — 词距
在某些旧版浏览器中继承特性存在很多问题，而现在的新版浏览器一般来说都能正确实现继承。只要了解了哪些属性可以继承，你就又能少写不少多余代码了。重申一下，要查阅完整的属性列表请查看CSS 2 Property Index(CSS 2 属性索引)。
空白的处理
这里说的空白不是CSS里那个有特定值的white-space属性，这里说的是样式表文件里面本来就存在的空白间隔。这些个间隔来自于那些用于产生新行的换行符，以及那些在单独一行里有助提高可读性的空格。尽管移除这些间隔可以省出几个字节的体积，但是通常也省不了多少。
假如这些空隔被移除了，样式表会变得晦涩难读，更别提以后做修改了。如果工程明确要求删除每一个多余的字节，那你最好新建一个方便阅读的“主”样式表文件，然后复制一份，再把其中所有的空白移除，这份样式表就是使用中的“现场版”样式表。要是今后要修改的话，在那份易读的主样式表里修改，再像上面那样复制一份并移除空白，继续作为“现场版”。
小心！有些空格是CSS编码中必需的，要是这些空格被移除了，CSS规则也会跟着改变并导致一些意外结果的发生。W3C的规范说明中要使用了诸如"space separated,"(以空格间隔)这样的措词，那么这些空格就是必需的。这种情况常见于简写属性的各个属性值之间。往往我们讲到包含选择符就讲到包含组合符，它就是一个空格，要是把选择符里所有的空格都移除，那可不是什么好主意。也许移除空格这样的活留给那些狂热分子最适合不过了，是吧？
总结
至此你已经学习了如何使你的样式表更简洁经济高效的几种方法。经常使用这些技巧的好处不仅仅是节省样式表体积、加快下载，更令样式表常葆清爽整洁，通常易读易懂的代码也易于后期必要的修改维护。即便你是用排版编辑器来创建你的样式表，你一样可以用本文中所提及的这些方法来将你的“成品”编写得更合理更高效！
Holly 'n John e-mail
©positioniseverything
Last updated: July 3, 2004
Created November, 2003
Translated by POPOEVER on October 10, 2004
—————————— 全文完 ——————————
译者注: 本文在翻译过程中有几点引起我的注意，主要是一些专属名词如何翻译最为恰当，我原本也有看过不少国内的Web Standards相关的翻译作品以及中文本土作品，其间对于一些名词一直纠缠不清，各说一词，我也就暂且不去管他们了，汉语博大精深，想要统一一个单词往往不是件容易事，更何况本来就是“舶来”的术语。比如padding，有翻成“填充”的，有翻成“补白”的，还有翻成“补丁”，对于后二者我倒觉得可以接受，至少谐音可以方便洋文差的朋友记忆，不过我还是坚持把它翻成“内边距”，因为这样从表意上说最形象，padding本来就是边框到内部文本的距离么，不叫“内边距”叫什么。至于margin究竟是译作“空白”还是“留空”或是“间隙”、“间隔”、“边距”，哪个更好，我母亲从前是做高级编辑的，她跟我说应该叫“白边”，既然我已经把padding翻成“内边距”，那么看来margin也只能凑成一对地翻作“边距”喽。还有一个是box，见得最多的是翻成“盒模型”或“盒对象”，我也懒得去罗嗦什么了。无论如何，只是一己之见，也就故妄译之，但愿没有混淆视听~~~
--POPOEVER原创翻译，翻译著作权所有，谢绝转载，原文版权归属原作者所有
coffee
2005-11-17 23:57:40
阅读:501
评论:1
引用:0
p {
font-size:x-small;/*这是给IE5的数值*/
voice-family:"\"}\"";/*骗IE5 说赋值结束了*/
voice-family:inherit;/*其实没结束*/
font-family:small;/*告诉标准浏览器字体实际大小*/
}
html>p {
font-size: small;/*给oprea特制的赋值*/
}
摘自《网站重构》
font-size:x-small;/*这是给IE5的数值*/
voice-family:"\"}\"";/*骗IE5 说赋值结束了*/
voice-family:inherit;/*其实没结束*/
font-family:small;/*告诉标准浏览器字体实际大小*/
}
html>p {
font-size: small;/*给oprea特制的赋值*/
}
摘自《网站重构》
coffee
2005-11-17 21:02:56
阅读:531
评论:0
引用:0
希望能征得hofman的同意：本学期末评定最有价值的学生社团博客！
目的：以博客协助组织、以沟通提高效率、以合作达成进步
条件：
1、由学生社团发起的博客；
2、有一定的参与成员；
3、有一定的原创作品；
4、有丰富的内容（文字、图片、活动……）
5、有经常的更新。
……
奖励：
由网络中心为优秀社团博客评定等级（从一星到五星不等）；优秀的社团博客将会出现在学校网站首页；还有其他神秘大奖……。
以上只是初步设想，具体细节需要网络中心认定。
^_^，越俎代庖啦。
目的：以博客协助组织、以沟通提高效率、以合作达成进步
条件：
1、由学生社团发起的博客；
2、有一定的参与成员；
3、有一定的原创作品；
4、有丰富的内容（文字、图片、活动……）
5、有经常的更新。
……
奖励：
由网络中心为优秀社团博客评定等级（从一星到五星不等）；优秀的社团博客将会出现在学校网站首页；还有其他神秘大奖……。
以上只是初步设想，具体细节需要网络中心认定。
^_^，越俎代庖啦。
coffee
2005-11-14 21:02:02
阅读:1469
评论:3
引用:0
coffee
2005-11-13 12:01:00
阅读:2166
评论:3
引用:0
刚刚得知搜狐推出图片公园的测试版本，尝鲜去也。整体格调相当清爽，功能也还可以，基本的功能都具备，支持标签，但是不知道支持到什么程度。速度给我留下了深刻印象：非常快！
青草地个人相册目前看起来有点太素净，但是却隐藏了超过搜狐图片公园的强大功能。第一，强大的tag检索和修改功能，通过tag可以迅速查找到相同主题的图片，并且可以方便地批量修改已有图片的tag。第二，自由的css界面定制功能，只要有充足的想象力，每个人都会拥有完全个性化的相册界面，这个功能比较毒，目前还没有分店。
coffee
2005-11-11 22:56:26
阅读:2895
评论:3
引用:0
http://blog.donews.com/kickboxer/archive/2005/11/07/617866.aspx(他也是转的）
转:2005岁末BLOG程序大评点
ASP
L-Blog: http://www.loveyuki.com
由Loveyuki自主开发的基于 ASP+Access 的小型单用户BLOG，目前似乎已经停止更新了，但是用户群相当大，而且是国内相当多的BLOG系统的鼻祖。
oblog: http://www.oioj.net
多用户Blog,目前占据ASP多用户BLOG的大部分市场，2.X商业版已经实行免费，很值得继续关注与期待的国内作品。
SLblog：http://SLblog.com
多用户Blog，刚发展起来的，更新很快，感觉像是oblog和missblog的结合体，同时首创了Blog系统无限级分类和用户栏目的无限级分类，多功能在现编辑器。但界面不是很美观，好在模板和程序分离，方便修改。
Misslog: http://www.misslog.com/blog
多用户blog,每个blog可以有多个用户参与创作与维护，团队功能很强大！
LBS: http://www.voidland.com/blog
LBS早期基于L-Blog架构，自从LBS2推出以后，大部分属于自己的创作，模板很多，用户群也逐渐庞大。
Z-Blog: http://www.rainbowsoft.org/zblog/
今年发展相当快的Blog系统，官方提供了想当丰富的支持，也创造了比较好的交流环境，这是他的一大亮点。
PJBlog: http://www.pjhome.net/
基于ASP的单用户BLOG系统，由于其插件异常丰富，可扩展的功能很多，比较适合喜欢功能饱满的朋友。
Alpar's Blog: http://blog.fz0132.com
基于L-Blog架构，但是作了相当大程度的修改，全面兼容LBS^2 的Style，目前版本模板采用DIV+CSS，很值得期待后续发展。
nblog: http://blog.nowans.com/
一个基于Access的个人Blog程序，全生成静态页面，刚开始起步。
2s-space:http://www.2s-space.com
d2kblog: http://www.d2ksoft.com/
D2KSoft公司的redguardtoo基于卫慧杰的L-Blog1.06扩展而成，事实上，90％的代码我都重新写过了，支持多国语言页面内容和页面样式分离。
KeeBlogSystem: http://keesky.com/blog/
XUL后台管理，很有特点的一个BLOG系统。
ASP.NET
.Text: http://scottwater.com/Dottext/default.aspx
很有名的ASP的blog系统，官方暂无静态化（对每页生成静态的html页面）版本，国内donews使用该软件。
BlogX: http://www.simplegeek.com/CategoryView.aspx/BlogX
程序是英国人编写的,国内 BLANKSOFT.COM 进行了汉化和修改。
dasBlog: http://www.dasblog.net
功能比较齐全，对FireFox的支持不怎么好。
PHP
Okphp BLOG: http://cn.okphp.com/
基于PHP+MYSQL开发的多用户BLOG系统，部分代码ZEND，主要特点能够很好地和许多论坛程序无缝兼容。
BlogHoster: http://www.webligo.com
国外的一个多用户商业BLOG系统，基于PHP+MYSQL，简洁明快的风格。
exBlog: http://www.exblog.net/
基于PHP/MySQL平台开发，注重稳定效率和兼容性，使用了 PHPLIB 的模板系统，提供WAP接口。
Pixelpost PhotoBlog: http://www.pixelpost.org/
国外的由图片系统和博客系统融合来的新型博客，已经由落伍的 星 完成汉化。
bMachine： http://boastology.com
国外老牌BLOG系统，同时支持文本数据库和MySQL数据库，支持中文搜索。
7log: http://www.7log.com
比较早的能够生成静态页面的BLOG系统，目前开发进度停滞。
O-blog: http://www.phpblog.cn/
需在PHP+MYSQL环境下运行，主要特色对静态生成有很大的灵活度，作者风色默默无闻地开发也让人钦佩。
pigface blog: http://www.flashforweb.com/
一个简单的BLOG,具备所有BLOG必须的功能，基于PHP＋MYSQL。
bo-blog: http://www.bo-blog.com/
文本数据库，现在发展似乎遇到了瓶颈，发展不如年初那么火热，但是一样有很多追随者。
C-Blog: http://www.saysay.cn
由 Coolsky 自主开发的基于 PHP+Smarty模版引擎+ADODB组件 的小型单用户BLOG，目前提供2个版本:php+mysql版本 和php+access版本，能够生成静态页面。
SaBlog: http://www.4ngel.net/blog/angel/
安全天使小组开发的一套BLOG系统，功能不断在完善，优点在于安全性很高。
Simple PHP Blog: http://www.simplephpblog.com/
国外一个轻便的blog系统，包含中文语言文件。
yo2blog: http://www.oneoo.com/
一个简单小巧快捷的 blog 程序，使用假性目录结构生成类静态 HTML 页面链接。
sBLOG: http://www.sblog.cn/
国外一款基于PHP+MySQL的BLOG系统，模板遵循W3C规范，并提供mod_rewrite功能支持。
b2： http://www.cafelog.com php
blog的老祖宗，操作简单，容易上手，现在好像停止了开发。
b2evolution: http://www.b2evolution.net
B2多用户版，有很多风格和插件。
wordpress： http://www.wordpress.org
架站比MT简单一点，功能也很全面，应该是支持blog的首选。它有最强的模版功能，已经开始有限范围内测试多用户的新版。
pivot： http://www.pivotlog.net
PHP+XML，没有使用数据库，有中文语言包，
nucleus： http://www.nucleuscms.org
这个也是比较老牌的程序了，有中文语言包！
M-logger： http://miracle.shakeme.net
文本储存数据。
drupal： http://www.drupal.org
功能强大，在多用户支持上尤为突出。它看起来更像一个内容发布系统（CMS）而不是一个纯blog软件，所以仅仅只想使用blog功能的朋友就用不着扛着这门炮了。
Pmschine： http://www.pmachine.com
这个估计是blog的元老了，不过现在已经商业化了，新版本名叫Expression Engine，在国内可以免费下载！
bBlog： http://dev.bblog.com/
一个非常简洁好用的blog，汉化版： http://www.xptop.com/lei/
serendipity： http://www.s9y.org
功能很多，每个功能以模块方式安装，界面也很容易修改。
Plog http://www.plogworld.org/php
blog里的最好作品了，真正的多用户，不过目前官方网站打不开，不知道是不是偶的网络问题，呵呵！lifetype.net
Plainslash： http://www.51zhao.com/plainslash/
文本blog程序，作者很久没更新了，但现在blog的基本功能都有了。
CGI
movable Type： http://www.movabletype.org
一个cgi程序的blog软件，应用最为广泛，大陆不算十分多，香港台湾的80%以上的独立blog站点都是通过它架设的。插件众多，基本需要的功能都能实现，它支持多用户blog。
Greymatter： http://www.noahgrey.com/greysoft/
是一个类似 Movable Type 的Blog程序非常简单，也是生成静态文件。
HUS Reviv： http://supermanc.51.net/norman/blog.cgi
国人开发的，功能很强大，但由于cgi语言的问题，安装调试比较复杂，而且很占资源。
Blosxom： http://www.blosxom.com
很老的一个程序了，也可能是世界上最小的blog系统了，只有一个文件却实现了blog的大部分功能！
JSP
Roller：http://www.rollerweblogger.org/page/project
国外运用想当广泛的一套BLOG系统。
DLOG4J： http://dlog4j.sourceforge.net/
国人开发的，已经申报SourceForge项目 中文官方站： http://www.javayou.com
TM： http://www.terac.com
一个功能强大的blog，支持文件上传、RSS、评论、WYSIWYG 编辑器等功能，多种语言（含简体中文）
出处：蓝色理想
coffee
2005-11-09 20:32:33
阅读:530
评论:0
引用:0