Ray Hong

说明：如果此文被屏蔽，本人将放弃最后一线希望，再不谈论此事。

钓鱼岛：日本的大阴谋与生死博弈
     时寒冰

    相信每一个人对钓鱼岛事件都非常熟悉：2010年9月7日上午，日本海上保安厅巡逻船在钓鱼岛附近海域冲撞一艘中国拖网渔船。当日10时15分许，一艘有15名船员的中国拖网渔船在钓鱼岛附近海域进行捕捞作业时，日本海上保安厅一艘巡逻船赶到现场，并冲撞渔船。随后，日方又派出两艘巡逻船跟踪、冲撞、截停渔船。下午13时左右，日本巡逻船上的22名海上保安官登上航行中的中国渔船，命令渔船停止航行，并宣称违反日本“渔业法”对渔船进行检查。中方船长詹其雄被日方逮捕。——摘自媒体报道。
    钓鱼岛事件绝小一个小事，它如同当年的甲午海战一样，在某种程度上，可能成为决定中国国运的一个不可忽视的重要因素。
    日本人正在耍弄的阴谋，对中国而言，是一场史无前例的大危机。

（一）致命的十天

    9月7日，中方船长詹其雄被日方逮捕。9月10日，日本冲绳县石垣简易法院批准拘留中国船长10天时间。
    这是非常致命的10天。
日本的计划是：如果中国默认了日本法院的判决，等10天拘留时间过完，便释放詹其雄，这意味着，日本在法律上证明了其拥有钓鱼岛的合法性。道理非常简单：只有对拥有主权的领土上的违法行为，才有资格作出这样的判决。日本在耍以小见大的手腕，实现侵占我钓鱼岛的大阴谋。同时，在“九一八”纪念日到来之际，给中国人以羞辱，委实欺人太甚！
    如果中国在10天之前，不能让詹其雄平安回国，则意味着一场空前的大危机，甚至是劫难！
    我注意到，外交部依然在一如既往地抗议抗议再抗议，这种鹦鹉就能做的工作，交给那么庞大的官僚机构去做，真的太浪费了！
    日本绝对不怕中国的抗议，那么，它没有软肋吗？
    有，但吃特供食品的官僚们是看不见的。
    日本人行事，从来都有多种方案。
    比如，在甲午海战以前，日本天皇和日本最高统帅部，就制定了三种方案：一、如果日本海军在黄海海战中获胜，则陆军主力立即登陆中国，展开全面进攻计划；二、如果双方战平，日军不能确保胜利，那么，日本海军就退出中国沿海，只是以陆军主力完成对朝鲜的占领；三、如果日本海军败于北洋海军，则日军全部撤回本土设防，以抵御中国军队可能对日本的进攻。
    日本每走一步，必有计划。
日本人深知，他们拘捕（确切地说，应该是非法侵入我主权领土绑架中国公民，应该是“绑架”而不是什么狗屁“非法扣留”）中国船长是一场大赌博：一旦中国真的因此来硬的，他们将懊丧不已。日本人赌的是，中国一软到底，继续奉行“搁置争议，共同开发”的绥靖政策（实质就是自宫政策，领土如同老婆，要么是你的，要么是别人的，不存在共同拥有的问题），以经济稳定发展为大局，而不敢动硬。
    那么，在当下，日本的软肋是什么？日本最怕什么？
日本人最怕中国以保护渔民的名义，采取如下方案：A方案，直接派军登陆钓鱼岛，宣布钓鱼岛为中国神圣不可侵犯之领土，部署军队，攻击任何侵入我领海之敌。B 方案，直接派海军，为我渔船护航。C方案，针锋相对，抓捕几个闯入我钓鱼岛附近海域的（属于我国主权领海范围内）日本舰只上的日本人，在中国依法判刑。D 方案，与日本彻底断交，让这个经历失去的20年的国家，再过一个“失去的20年”的大周期——前提是，别再拼命增持日本国债给日本送钱！这种超级傻B的做法慈禧老太后如果活着都会感到不耻！   
    我要强调的是，即使把在华日本企业给中国带来的税收全部加上，甚至再向后延长1000年，也不足以与钓鱼岛本身所蕴含的价值的1%相比。因为，日本占领钓鱼岛不仅事关东海海底的资源，更可以扩大日本的领海范围，使日本的防御纵深向西（即向中国领海）扩展300公里。除了钓鱼岛，日本还在人为制造“冲之鸟岛”，如果日本得逞，那么，按照《联合国海洋法公约》有关规定，日本疆域将从约38万平方公里扩展到447万平方公里（日本扩大的都是中国失去的）。一举解决困扰日本的资源问题，并大大提升其军队活动范围，而对中国则是一场空前大灾难。
    21世纪是海洋的世纪，海洋资源的开发越来越引起世界各国的重视，海洋经济日益成为一个国家或地区发展的重要增长极。目前美国80%的GDP受海洋经济、海岸经济驱动，75%的就业率与海洋经济有关。日本和韩国国土面积一个是我国的1/25，一个是我国的1/97，但2008年他们的GDP却分别是我国的 1.12倍和1/5强，很大程度上受益于海洋经济和临海产业的带动发展。今年是全面进入资源为王的新周期之年，资源品的价格开始步入一种上升通道，谁控制了足够多的海洋资源，谁就控制了世界财富的中心。
日本是一个世界级强国，但是，它毕竟连续经历了20年的衰退（即“失去的20年”），日本当下政局不稳，经济受制于庞大的债务而难以翻身。倘若中日交恶，对日本绝对是一场噩梦！
    因此，日本强行冲撞我渔船，绑架我公民，并对其审判，是在巨大恐惧中的豪赌！——中国能够抓住这个机会，变被动为主动，破解日本的阴谋吗？
需要提醒的是，如果一味软蛋到底，对中华民族将是一场空前灾难。这种灾难不仅仅体现在钓鱼岛经济价值的丧失，更体现在民族情绪的愤怒火焰被点燃后的动荡。钓鱼岛事件引发的愤怒情绪，现在在被压抑着。所有人都能感觉得到这种力量的可怕。这是一座真正意义上的活火山。引向敌人还是自己消化？别忘了，每个人都会将钓鱼岛事件的软弱，与某些人对待拆迁户的残忍态度进行对比。
    如果有关部门继续认为，自宫般的软弱政策能够换取和平，我要告诉你，这是一种最愚昧的思维定式。
    试想一下：有一个人被指责有强奸倾向的时候，他便挥刀自宫，心想：“这下别人该以为我是一个和平主义者了。”不，人家会想：“这个傻B对自己都这么狠，对别人什么事情干不出来！”别忘了，日本人可是最精通中国历史的，中国历史上两个挥刀自宫的太监：魏忠贤、王振，哪一个不是作恶多端，邪恶罪行罄竹难书的东西。
挥刀自宫绝不能换来和平，只会换来更恶毒的羞辱。
甲午海战结束后，日本打捞出北洋海军的定远舰，用两块带有弹孔的定远舰甲板做成展览馆大门，以示对中国人的羞辱；至于投降日本的清军将士，在日本所受到的羞辱更是难以言述。
必须要强调的是，在主权领土这一最至关重要的问题上，如果中国继续采取绥靖政策，将带来史无前例的民族劫难！

   （二）错失天赐良机

    国家大战略需要站在高度上去观察、思考和计划。
    关于钓鱼岛事件，2008年6月19日，我在《钓鱼岛，日本这样设圈套》一文中做了专门分析： 钓鱼岛存在着四方博弈：中国大陆、中国台湾、日本、美国。
    李登辉、陈水扁主政台湾时代，日本在谈判问题上一直非常消极，目的只有一个：磨耗时间。因为，日本深知，中国当时不能来硬的，如果中国大陆采取强硬措施，将同时面临着日本、美国、民进党执政的台湾三方力量的掣肘。
    但是，马英九上台后，力量对比发生变化。从1：3（中国大陆对阵美日台），变成了2：1（中国大陆和台湾对阵日本）。
    马英九领导的国民党，在钓鱼岛问题上立场强硬。他们坚称钓鱼岛是台湾宜兰县的一部分。马英九早在1971年就开始关心钓鱼台问题，他的博士论文写的就是钓鱼台主权问题，曾出版《从新海洋法论钓鱼台列屿与东海划界问题》、《钓鱼台列屿与主权争议：回顾与展望》两本专书讨论钓鱼台主权。
    马英九这位著名的“保钓”热血青年，在上台后，不负众望。
    日本人惶恐不安。
    局势变了：
中国大陆和台湾，在钓鱼岛问题上立场一致，而日本成了孤家寡人，因为美国不知道该向着台湾还是日本，它等于变相出局。
解决钓鱼岛问题的最好时机到来了！可惜，中国的官僚们错失了这个良机！
    马英九上台后，日本在钓鱼岛谈判问题上突然表现出极大的热心，而中国大陆为了奥运会，也希望尽快谈判达成协议，换取日本首要出席奥运会开幕式，以把奥运会办成世界上最大最好的盛会。
    中国的小利益，上了日本大利益的圈套。
    日本对形势判断得非常清楚：
如果台湾要求收回钓鱼岛，台湾和日本都是美国的同盟，美国很难插手。而台湾则有大陆的协助，中国大陆随时可以依法出兵和台湾一起打日本（法律障碍已经扫清）。大陆与台湾一唱一和，日本永无宁日。钓鱼岛近在咫尺。日本绝对不敢对台湾动武，因为大陆与台湾的联手，让美国无法插手（日本和台湾同为美国的军事同盟）——你中有我我中有你，彻底打乱了现有的利益格局。而且，台湾的军事实力并不弱。两岸军力对比，也是最近几年才转向大陆。对日本而言，台湾在台前，大陆在背后，让它更难对付。而大陆则可进可退，迫使日本逐渐让步。
  这是多好的一个收回钓鱼岛的时机啊！天赐良机啊！
    然而，这个时机却白白丧失了！日本迫不及待地利用中国在奥运会上的需求，与中国达成共同开发东海油气田的协议。这样，日本一举三得：
    其一，台湾如果继续要求收回钓鱼岛，同时面对大陆与日本，日本通过共同开发协议，把大陆与台湾分割开来，而大陆被共同开发协议捆绑，根本无法再理直气壮地支持台湾。台湾缺少大陆的支持，也没有收回钓鱼岛的底气。于是，台湾如火如荼的保钓行动，冷了下来，心也冷了下来。
    其二，日本搁置主权争议，而事实上占据着钓鱼岛，拖得越久对它越有利。搁置争议等于帮助日本。
    其三，共同开发，即使按照日本的“中间线”，春晓油田也在中国一边，但就是这样，连中国的春晓油田也一起共同开发（赤裸裸的卖国协议！），既扩展了日本的经济利益，也为日本今后的主权谈判带来了主动。而日本只需派首相参加一个奥运会即可，成本之低甚于日本的劣质毛片。
    而日本竟然如愿以偿。
    而中国竟然签署了这种丧权辱国的协议，换来的结果只有一个日本首相参加奥运会开幕式，这样一个虚幻的面子！不仅如此，在台湾人民誓死捍卫钓鱼岛主权的时候，日本军舰却得邀在二战后首访我国香港……台湾的保钓行动在热血中展开，但在悲壮中无奈停下了……
    钓鱼岛，我为你哭泣！
    弱智换来屈辱。中国公民在自己的主权领土人被日本军人绑架，却无计可施！屈辱之极、窝囊之极，难以用语言表述。
    在外交问题上，中国一贯喜欢韬光养晦，但韬光养晦绝对不是消极到连光也看不到的地步！外交是一种智慧的博弈。在前苏联分裂的时候，中国没有及时抓住有利时机索要被沙俄非法侵占的领土，反而在对方内乱重重，自顾不暇的时候与对方谈判划定边界，在事实上承认其非法侵占的中国领土！使子孙后代丧失讨回被侵占领土的机会。
    如今马英九在台湾的影响力下降，加之此前台湾与日本争夺钓鱼岛的时候，被大陆断过后路，这次，马英九态度消极，仅表示主权和渔权问题应和平冷静协商，要避免影响台日关系……昔日的热血青年，颓废若此！
    国之殇也！

（三）莫做历史罪人（下图来自网上，一些数据有误，如马来西亚占我的岛屿数量）

    1984年10月22日，邓小平在提到南沙问题的时候说，“南沙群岛，历来的世界地图都是划到中国的，属中国，现在除了台湾占了一个岛之外，菲律宾占了几个岛，越南占了几个岛，马来西亚占了几个岛，将来怎么办？一个办法是我们用武力，统统把这些岛收回来。一个办法是把主权问题搁置起来，共同开发。这就可以消除多年积累下来的问题。”
    但是，后来者，只记住了排在后面的“搁置起来，共同开发”，却忘记了排在前面的“用武力，统统把这些岛收回来”。
    结果，我南沙诸岛被瓜分。菲律宾派兵占领8个南沙岛屿，越南更狠，派兵抢占29个。越南侵占南沙群岛部分岛屿后，将南沙海域划分为上百个油气招标区，在该地区迅速招标，近几年来，越南同美国、俄罗斯、法国、英国、德国等，不断签订勘探开采石油、天然气的合同，把生米做成熟饭。仅2006年上半年，越南油气总公司油气开采产量就达1237万吨，其中原油为860万吨、天然气37.65亿立方米，原油出口量约为820万吨，出口额达41.4亿美元。马来西亚则于1983年和1986年占领了弹丸礁、南海礁和星仔礁，至今总共占有5个岛礁（另一说为10个）。文莱（另一说占1个）、印度尼西亚虽然没有出兵占领，但宣布8万多平方公里的中国传统海疆为其“主权”所有，而这些国家在上个世纪60年代以前，在其地图上还多把这一区域标注为中国所有……
中国“搁置起来，共同开发”的绥靖政策，最终促成了侵占我岛屿国家的结盟。1994年东盟公开宣布“今后对外将以集体名义而不以双边名义接受谈判”，不接受任何单边或者双边谈判结果。
    弱智的政策，把自己置于困境。
    我们看着奥运会盛大空前，我们看着SB（世博）会空前盛大（10月份就要被拆掉），这些动辄耗资数千亿的工程，为一些人挣得了面子，却对被瓜分的南海诸岛和钓鱼岛的耻辱无可奈何。一个能够为面子一掷千金的国家，却没有能力建造捍卫领海的航母。天底下有比这更幽默的吗？
    重面子而轻视利益，是最可悲的事情，即使在历史上，如此傻B的做法也难以再找出可匹敌者。
    在钓鱼岛事件中，竟然听不到军方的声音。
    这是非常令人遗憾的场景。
    看看美国，当它在与其他国家进行博弈的时候，永远都是军方立场强硬，大唱黑脸，然后，政府发言人再轻描淡写地说一下：“某某司令的观点不代表白宫观点。”加之议员们常常发出惊人言论，这种多元化的声音，让与其博弈的国家摸不清美国政府的真实意图，产生出相当大的威慑作用。而中国历来的都是弄个温和的小青年给记者背书，字斟句酌，不痛不痒。
  在钓鱼岛问题上，只有军方，才能真正产生出威慑力。养兵千日用兵一时。军队是保家卫国的，它出现的场合绝不应该仅限于与模特一起在广场走正步。中国军人应该有起码的血性和民族责任感！
    中国在钓鱼岛问题上，缺少灵活性，归根到底是缺少骨气。
    应该认识到，在国民常年被大国崛起的暖风吹得人人醉的情况下丧失领土是极其危险的事情，它不仅将华贵的包装彻底击穿，还将点燃无尽的愤怒。
    只要不一味软弱，总有很多办法可以选择。
    除了陆海空军队，中国还有开发商所掌控的拆迁队伍（相当于编外武装，作战勇敢、彪悍），还有强悍的城管（相当于地方武装），我们有多种方案解决钓鱼岛问题：
    比如，钓鱼岛招标，让任志强这样的年年被评为优秀共产党员的开发商，或者潘石屹这样的民营企业家去钓鱼岛做房地产开发，建造海景房，我相信，日本此前建造的所有东西都会在一天之内被中国战无不胜攻无不克的开发商拆除殆尽，如果日本所谓执法船胆敢阻挠，船体将在瞬间被我开发商武装拆毁，能给小日本留下几块木板就算给足他们面子了；再比如，派遣三千城管去钓鱼岛执法，包括南海诸岛的收复，都可以考虑动用这支精兵强将，那些小国的侵占者一定会闻风而逃……
    钓鱼岛自古是中国神圣不可侵犯的领土，执政者应该全力以赴，誓死捍卫钓鱼岛，切莫做历史罪人！ 

最开始的时候， 信息是散乱的，人们只能通过点对点链接的方式逐步扩展信息获取范围，

后来有了分类， 成就了雅虎，也让互联网的信息获取变得相对容易， 人们至少可以比较容易的获得他需要的类别的信息列表。

再后来有了搜索， 让信息获取更加容易。搜索某种意义上讲，也是分类， 只不过这个分类是无限的， 是个性化的， 是机器自动的。 每一个搜索词就是一个类别， 搜索词的组合又产生了新的分类 …

在然后， 人们发明了订阅， 开创了信息的推送时代。如果说订阅也是一种分类的话， 那每个订阅者都是一个类别， 这个类别的名称就是 “xxx感兴趣的信息”。

但， 有了后面更“先进” 的信息获取方式后，前面的方式就不需要了吗？ 他们是替代作用的吗？

从理论上讲， 信息获取包括分类浏览和检索，所以， 搜索并不能完全替代分类浏览， 他们只是不同的方式而已。

否则， 互联网上根本就不需要一个个的站点来组织信息，只要有搜索引擎就足够了。

从实际上讲， hao123达到了百度1/3的UV, 可见作为互联网入口的分类浏览在现实中的比重也是非常之大的。

而订阅呢， 订阅则是相对来说更前卫与高端的行为，抓虾等先烈证明了订阅在国内暂时还没有足够的用户基础。

所以， 分类， 搜索， 和订阅，三者有机结合才是符合现状的信息获取方式。

无语中… …

我高考那年班主任看我报考南大，劝我不要这么想不开，然后估计晚上回家上网查了一下，第二天才对我说南大挺好的。

看来齐齐哈尔人民终于不会再这么问了“你报南京大学哦，南京哪所大学？”

——————- 新闻转载的分割线 ————————————————————–

东北网6月29日讯 随着高考成绩的公布，齐齐哈尔市文理科状元“浮出”水面。他们是拜泉县一中杜春洋，以686分获得理科状元；克山县一中的闫延，以623分获得文科状元。近日记者对两名文理科状元的情况进行了采访。

　　杜春洋以686分的成绩成为我市理科状元，为拜泉县一中开了状元先河。据拜泉县一中高三班主任张荫玲老师介绍，杜春洋勤奋好强，有恒心有毅力有耐力，成绩一直居榜首。他做事注重细节，精益求精。去年高考成绩651分却选择了复读，很多人对此不理解，他从没有动摇过，调整心态，为心中的目标不懈努力。

　　今年考试结束后，杜春洋所估分数与公布的成绩完全相符，考取南京大学的梦想即将实现，杜春洋及家人兴奋不已。1990年生人的杜春洋最爱看的书是《三国演义》。有时玩游戏、打球，缓解学习的压力。这个难得的轻松假期，杜春洋打算背背英语四六级单词，学学电脑和吉他。

　　文科状元闫延，1989年生人。据班主任马德亮介绍，闫延上高中后学习成绩一直名列前茅。闫延的文笔特别好，善长写评论，笔锋犀利，思想较同龄的学生成熟。学习勤奋刻苦，做事认真、执着，不轻言放弃。去年高考成绩579分，因为不能上南京大学而选择复读。高考成绩公布之前，闫延就同南京大学办理了签约录取手续，成绩公布，闫延取得高出南京大学签约录取分数线18分成绩，而且超过了北大和清华的签约录取分数线。据马老师回忆，2002年的市文科状元就出自克山一中，7年后，克山一中再显实力。

　　闫延对自己今年的考分很满意。用他的话说，上南京大学是他最大的理想。

　　日前，通过记者搭桥，两名状元取得了联系，通过QQ尽情畅谈，聊过去、聊兴趣、聊学习。两人志趣相投，相识恨晚，他们相约在大学里一切重新开始。

从自诩为交互设计师学徒之后，看问题的角度不知不觉发生了很多改变，做任何事情都倾向于和用户体验联系起来，尽管经常是穿凿附会 😛

刚刚重新做了一个签名档，发现这小小的工作竟然也可以涵盖整个用户体验设计阶段的几项工作。

首先，要确定我的签名档的目的，就是要让收到我的email的人对我有个初步的了解，所以要包含以下信息“我是谁”，“我是干什么的”，“我是哪个组织的”。另外，收件人也肯能会感兴趣我其他的快速联系方式，比如“电话号码”。Notes邮件只会显示我的Notes ID, 所以我的email地址也应包含在签名档中以为方便收件人获知。最后，部门要求大家要在签名档中包含一条部门网站的信息，所以我也将它归入其中。

以上就归纳出了我的签名档中要包含的信息范围，以及这些信息的重要程度。我认为签名档中的信息应该是线性排列，并且重要的放在前面，至此，我也确定了信息的组织形式。有了以上的种种，我就有了我的签名档的信息架构。

之后呢，就是要确定签名档如何展示。

签名档中共6个条目，每个一行的话签名档会过长，不但影响美观，也有更大的可能性让收件人不能再第一屏就看全所有信息，而把所有条目都放入一行又不利于把信息展示清楚，所以呢我把信息分为4行，并且，把其中我个人的信息与部门网站信息用虚线分割开来。这些信息中，有两条是可以通过邮件客户端直接交互的，一是我的email地址，二是部门网站。我把他们设计为可点击的链接，方便收件人快速使用这些信息。这样，我就完成了交互设计。

签名档传递的信息并不是一个邮件的重点，所以，把它与邮件正文区分开来很重要。为了做到这点，我使用了不同于邮件正文默认的字体与颜色。字体选择的重点是方便阅读，颜色呢，不能过于鲜艳，那样会干扰邮件正文的阅读;当然也不能过浅，否则会让我的收件人看起来很累，或者干脆忽视它。于是，我选择了"Courier New" 字体，并使用深蓝色。除此之外，我在签名档中使用了两个链接，由于链接的默认颜色为蓝色，比较鲜艳，而我的email地址属于我个人信息中最不重要的部分(因为邮件本身已包含了该信息，收件人一般点击回复即可给我发送邮件，只有少数情况需要从签名档中获取该信息)，所以，我将这个链接的颜色改为与其它个人信息相同的颜色，但保留了下划线，这样，仍然使收件人知道这个是可以点击的，但不会冲淡其它信息。如此如此，这般这般，视觉设计也就大功告成了。

信息架构，交互设计和视觉设计，再加上前期对“我”这个用户使用签名档的目的的用户研究，和设计完成后发了封邮件给自己来进行的不完全的用户测试,并对新发现的问题作出了相应修改，整个用户体验设计流程就在小小的签名档设计中被小小的实践了一下。

附：我最新的签名档，持续改进中…

能看明白这个的同学请举手

#primary-content div.story h1 + ul > li a[href|="http://ourcompany.com"] em {
  font-weight: bold;
}

Answer:

This code would boldface all em elements contained in 

anchors whose href attribute begins with http://ourcompany.com and are descendants of 

an li element that is a child of 

a ul element that is an adjacent sibling of 

an h1 element that is a descendant of 

a div with the class named story assigned to it inside 

any element with an id value of primary-content.

一位MM，开出征婚条件有两点：
1，要帅
2，要有车
电脑显示结果：象棋
这位MM不服搜出的结果，再次输入：
1，要有漂亮的房子
2，要有很多钱
电脑再次显示结果：银行
此MM仍然不失望，继续输入条件：
1，要长得酷
2，又要有安全感
结果搜出的结果是：奥特曼
此MM仍然不失望，还继续输入条件：
1，要帅
2，要有车
3，要有漂亮的房子
4，要有很多钱
5，要长得酷
6，又要有安全感
电脑再次搜寻结果显示：奥特曼在银行里下象棋

传说中的Mozilla推荐

/* mozilla.org Base Styles
 * maintained by fantasai
 */
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
...

来源：http://www.mozilla.org/css/base/content.css

在怿飞’s Blog的这篇文章里，又将上面的属性分成了三组：显示属性、自身属性和文本属性。在回复里，inG补充这还和浏览器的解析过程有关：浏览器先对DOM定位，然后解析自身属性，接着再解析内部对象。（没找到相关的英文资料，有知情者还望告知）

在Mozilla官方，其实并没有推荐任何CSS书写顺序。很可能是某个开发者在阅读fantasai的这篇文章 mozilla.org Markup Reference 时，顺便对fantasai的CSS源文件产生了兴趣，因此才有了上面的发现。

字母排序

NETTUTS上时不时有些好文章，这不，前不久，Trevor Davis就分享了一篇：5 Ways to Instantly Write Better CSS. 这篇文章中，推荐CSS的属性按字母排序。

优点是：简单，任何人只要遵守，一看就明白。

缺点是：太简单，缺乏逻辑性。比如position, left, top等，这种紧关联的属性，如果都按字母排序，书写和维护起来都不方便。

Andy Ford推荐的排序

Andy Ford是HTML和CSS方面的专家，最近写了一篇文章：Order of the Day: CSS Properties. 文章推荐的CSS书写顺序为：

 1. Display & Flow
 2. Positioning
 3. Dimensions
 4. Margins, Padding, Borders, Outline
 5. Typographic Styles
 6. Backgrounds
 7. Opacity, Cursors, Generated Content

例子：

el {
	display: ;
	visibility: ;
	float: ;
	clear: ;

	position: ;
	top: ;
	right: ;
	bottom: ;
	left: ;
	z-index: ;

	width: ;
	min-width: ;
	max-width: ;
	height: ;
	min-height: ;
	max-height: ;
	overflow: ;

	margin: ;
	margin-top: ;
	margin-right: ;
	margin-bottom: ;
	margin-left: ;

	padding: ;
	padding-top: ;
	padding-right: ;
	padding-bottom: ;
	padding-left: ;

	border: ;
	border-top: ;
	border-right: ;
	border-bottom: ;
	border-left: ;

	border-width: ;
	border-top-width: ;
	border-right-width: ;
	border-bottom-width: ;
	border-left-width: ;

	border-style: ;
	border-top-style: ;
	border-right-style: ;
	border-bottom-style: ;
	border-left-style: ;

	border-color: ;
	border-top-color: ;
	border-right-color: ;
	border-bottom-color: ;
	border-left-color: ;

	outline: ;

	list-style: ;

	table-layout: ;
	caption-side: ;
	border-collapse: ;
	border-spacing: ;
	empty-cells: ;

	font: ;
	font-family: ;
	font-size: ;
	line-height: ;
	font-weight: ;
	text-align: ;
	text-indent: ;
	text-transform: ;
	text-decoration: ;
	letter-spacing: ;
	word-spacing: ;
	white-space: ;
	vertical-align: ;
	color: ;

	background: ;
	background-color: ;
	background-image: ;
	background-repeat: ;
	background-position: ;

	opacity: ;

	cursor: ;

	content: ;
	quotes: ;
	}

Andy的顺序大体上和fantasai推荐的顺序保持了一致，但细节上更具可操作性。

SitePoint上还有个很热烈的讨论贴：How do you order your properties within a declaration block?

我的想法

我喜欢fantasai和Andy的书写顺序，但fantasai的顺序中，“自身”属性有点含混不清，Andy的则太细，难以记住。我觉得可以借鉴CSS 2.1 Specification中对CSS属性的分类，将Andy的顺序稍微调整下：

1. 影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）
2. 自身盒模型的属性（比如：width, height, margin, padding, border等）
3. 排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）
4. 装饰性属性（比如：color, background, opacity, cursor等）
5. 生成内容的属性（比如：content, list-style, quotes等）

事情永远没那么简单，比如下面这些困扰：

1. 对于shorthand怎么处理？比如 border: 1px solid red; 其中border-width是和盒模型相关的，但border-color是装饰性的。如何组织呢？
2. 考虑到换肤功能，是否应该将color, background, border-color等和颜色相关的都放一块？以方便以后修改。
3. 对于hacks如何处理？单独放到css文件最后面，还是和hack的属性紧挨着好？
4. 维护同事的css文件时，对于新增加或有修改的属性，如何注释？如何书写？
5. 还有，考虑到CSS Sprite, 所有背景图的选择器都放在一起？不过这已经超出本文的话题了：CSS选择器内属性的顺序和组织。
6. 更进一步的讨论是：CSS文件内的结构组织，以及多个CSS文件的组织。

任何解决方案都不能解决所有问题，但只要能解决常用的大部分问题，就已经是非常好的方案了。

期待你的建议。

原文地址：http://lifesinger.org/blog/?p=1360