Oct
7
这时正是上班的高峰时段，前方堵车，一辆警车一拐，驶进了人行道。就在这当口，前面
闪出一名年轻的交警，他一挥手，车被迫紧急停下。司机从车窗探出头来，声中带怒地问
：
"怎么回事？"
小交警走上前来，给司机敬了一个标准的军礼："同志，你违反交通规则，请下车接受
处罚。"
"我是市局的。"司机傲慢地说。
"不管是什么地方的，违反交通规则都要接受处罚。"
司机哼了一声，向后摆头："王局长在车里。"
小交警向车后跨了一步，敬了个军礼。
"行了，"司机不耐烦地说，"局长要到局里开个紧急会议，赶时间，所以才.行了你，
放行吧。"
小交警一转身急跨两步，站在车前：
"不行，不管是谁，违反了交通规则都要接受处罚。"
"你."司机火了，"我说你怎么这么不给面子呢？"
小交警仍然是那么平静："执行法律是我的职责。"
"你是哪个队的，叫什么名字？"司机大声问。
"我是三大队的，名叫王小鹏。"
"你们大队长的电话号码是多少？"
"你是问他办公室的电话，还是问他家的电话，还是他的手机？"
"好好好。"司机没法，只好下车，"你罚吧。"
小交警掏出票据，开据了罚款单，又在司机扔过来的驾驶证上扣了两分，然后抬起头
："同志，作为司机，要严格遵守交通规则，尤其作为警察更应模范遵守交通规则。不能因
为你是局里的甚至是局长就可以违反交通规则；我们交警也不能因为你是局里的甚至是局
长而不处罚你违反交通规则的行为。法律是给所有的人定的，没有特殊公民。为了您和他
人的安全，希望您这是最后一次违规。"说着，将罚款收据和驾驶证双手递给司机，"请到
农行交罚款。"说完，他向旁边跨了一步，让开路。
司机一头扎进驾驶室，砰地关上车门，又一扭头狠狠地瞪了小交警一眼："行，我记住
你了。"
王局长到了局里，直奔会议室，会议室里开会的人员都已到齐。
"同志们，"王局长坐下后严肃地说，"我今天来晚了，因为什么来晚了呢，因为我被一
名小交警截住了；因为什么截住了呢？因为赶时间，我要司机违反交通规则驾车上了人行
道。这名小交警知道我是局长，知道我要开会，可没给面子，坚持进行了处罚。"局长一拍
桌子，"好，因为他懂得法律法规面前人人平等，因为他知道自己的职责所在。他不畏官、
不怕权，好样的。我担任局长四年来，曾多次违反交通规则，如为赶时间超速行驶、闯红
灯，可都没有受到处罚，有些交警看到是我的车反而还给我敬礼。只有这次我受到了处罚
，罚得好。如果我们的交警都能像这名小交警，他叫.噢，他是三大队的，叫王小鹏。要是
我们的交警都像他那样严格执法，我市的交通秩序一定会有很大的变化；如果我们的干部
能像他那样，我们的交警队伍就会出现一大批严格执法的榜样。"王局长激动地站了起来，
"我们就要用这样的干部，三大队尚缺一名副大队长，我们提议，把这名小交警破格提拔为
副大队长。"
说着，王局长第一个举起了右手，环顾四座，所有的人都举起了右手。
晚上王局长回家，开门的正是白天截他车的那名小交警王小鹏。
"怎么样？"王小鹏有些紧张地问。
"通过了。"王局长笑着把公文包递给王小鹏。
王小鹏一下抱住了王局长："三叔，你这招实在是高啊!
闪出一名年轻的交警，他一挥手，车被迫紧急停下。司机从车窗探出头来，声中带怒地问
：
"怎么回事？"
小交警走上前来，给司机敬了一个标准的军礼："同志，你违反交通规则，请下车接受
处罚。"
"我是市局的。"司机傲慢地说。
"不管是什么地方的，违反交通规则都要接受处罚。"
司机哼了一声，向后摆头："王局长在车里。"
小交警向车后跨了一步，敬了个军礼。
"行了，"司机不耐烦地说，"局长要到局里开个紧急会议，赶时间，所以才.行了你，
放行吧。"
小交警一转身急跨两步，站在车前：
"不行，不管是谁，违反了交通规则都要接受处罚。"
"你."司机火了，"我说你怎么这么不给面子呢？"
小交警仍然是那么平静："执行法律是我的职责。"
"你是哪个队的，叫什么名字？"司机大声问。
"我是三大队的，名叫王小鹏。"
"你们大队长的电话号码是多少？"
"你是问他办公室的电话，还是问他家的电话，还是他的手机？"
"好好好。"司机没法，只好下车，"你罚吧。"
小交警掏出票据，开据了罚款单，又在司机扔过来的驾驶证上扣了两分，然后抬起头
："同志，作为司机，要严格遵守交通规则，尤其作为警察更应模范遵守交通规则。不能因
为你是局里的甚至是局长就可以违反交通规则；我们交警也不能因为你是局里的甚至是局
长而不处罚你违反交通规则的行为。法律是给所有的人定的，没有特殊公民。为了您和他
人的安全，希望您这是最后一次违规。"说着，将罚款收据和驾驶证双手递给司机，"请到
农行交罚款。"说完，他向旁边跨了一步，让开路。
司机一头扎进驾驶室，砰地关上车门，又一扭头狠狠地瞪了小交警一眼："行，我记住
你了。"
王局长到了局里，直奔会议室，会议室里开会的人员都已到齐。
"同志们，"王局长坐下后严肃地说，"我今天来晚了，因为什么来晚了呢，因为我被一
名小交警截住了；因为什么截住了呢？因为赶时间，我要司机违反交通规则驾车上了人行
道。这名小交警知道我是局长，知道我要开会，可没给面子，坚持进行了处罚。"局长一拍
桌子，"好，因为他懂得法律法规面前人人平等，因为他知道自己的职责所在。他不畏官、
不怕权，好样的。我担任局长四年来，曾多次违反交通规则，如为赶时间超速行驶、闯红
灯，可都没有受到处罚，有些交警看到是我的车反而还给我敬礼。只有这次我受到了处罚
，罚得好。如果我们的交警都能像这名小交警，他叫.噢，他是三大队的，叫王小鹏。要是
我们的交警都像他那样严格执法，我市的交通秩序一定会有很大的变化；如果我们的干部
能像他那样，我们的交警队伍就会出现一大批严格执法的榜样。"王局长激动地站了起来，
"我们就要用这样的干部，三大队尚缺一名副大队长，我们提议，把这名小交警破格提拔为
副大队长。"
说着，王局长第一个举起了右手，环顾四座，所有的人都举起了右手。
晚上王局长回家，开门的正是白天截他车的那名小交警王小鹏。
"怎么样？"王小鹏有些紧张地问。
"通过了。"王局长笑着把公文包递给王小鹏。
王小鹏一下抱住了王局长："三叔，你这招实在是高啊!
Oct
7
有一天一个外星人到地球参观，看到地球上有两棵山上的野树，一棵种在欧洲，一棵种在中国，都结了野果，外星人很眼馋要买你们的野果吃。”
地球人说：“好，但要先确定你到哪里去买，到中国去买，1人币1个，到欧洲人去买，用1欧元1个。”
外星人说：“那我用1欧元买一个好了。”
地球人说：“且慢！其实你不用花钱就可以，你先从中国借一个果子，到欧洲去换1欧元，拿1欧元到中国去，就可以换10个果子，拿一个果子还给中国人，你就白得了9个果子，你再拿9个果子再去换9欧元，在到中国去换90个果子，再拿这90个果子再去换90欧元，在到中国去换900个果子——这样下去中国的好东西都被你买光了！”
外星人说：哪有这样的好事！那中国人为啥不到欧洲去卖个好价格？地球人说：“中国规定10人币＝1欧元，就是规定了10个中国的果子＝欧洲一个果子！因为中国认为只要能出口赚外汇，就是胜利，不管损失多少资源, 现在很多人在把中国的商品廉价倾销给外国，就是利用了这个差价，他们不求用欧洲的最高价格出手，只求最快，但已经有巨额的利润空间，不管浪费多少中国的商品，只要自己能赚到钱就行，赚到钱立刻再到中国进货，就是这个道理。”
外星人说：怪不得中国的外汇储备世界第一！那中国有了外汇起到了啥作用？
地球人说： “啥作用也没起到！中国人根本就不敢花！！因为如果中国把这个钱花在外国，就起到只能买一个果子的作用，就是说本来手里有10个果子，一交换就变成只有1个果子，再交换一次就变成0.1个果子，再交换一次就变成0.01个果子——那这样以前的交换都白交换了，越交换越穷，另一方面，如果中国把这个钱花在国内，就必须换成人币，这也不行，因为果子都被外国消灭了，代表果子实物价值的人币却在中国增加，人币会越来越多，引起通货膨胀。”
外星人说：看来中国的外汇只能烂在锅里，自己没法花，只能交给外国人，再来买中国的果子了！
地球人说：“中国没有一个人懂经济，于是请了欧洲人来给中国人讲课，欧洲人夸赞中国的汇率好，如果升值，农业会倒霉，殊不知农完全可以只靠劳作和工就自给自足，于是全中国人都在听这个欧洲人的话。”
外星人说：“怪不得中国人越来越穷，啥东西也买不起，把最好东西全部都出口奉献给外国人，就是为了换外汇呀！只可惜换的代价太大，10万亿的东西只换来了1万亿的外汇。”
地球人说：“好，但要先确定你到哪里去买，到中国去买，1人币1个，到欧洲人去买，用1欧元1个。”
外星人说：“那我用1欧元买一个好了。”
地球人说：“且慢！其实你不用花钱就可以，你先从中国借一个果子，到欧洲去换1欧元，拿1欧元到中国去，就可以换10个果子，拿一个果子还给中国人，你就白得了9个果子，你再拿9个果子再去换9欧元，在到中国去换90个果子，再拿这90个果子再去换90欧元，在到中国去换900个果子——这样下去中国的好东西都被你买光了！”
外星人说：哪有这样的好事！那中国人为啥不到欧洲去卖个好价格？地球人说：“中国规定10人币＝1欧元，就是规定了10个中国的果子＝欧洲一个果子！因为中国认为只要能出口赚外汇，就是胜利，不管损失多少资源, 现在很多人在把中国的商品廉价倾销给外国，就是利用了这个差价，他们不求用欧洲的最高价格出手，只求最快，但已经有巨额的利润空间，不管浪费多少中国的商品，只要自己能赚到钱就行，赚到钱立刻再到中国进货，就是这个道理。”
外星人说：怪不得中国的外汇储备世界第一！那中国有了外汇起到了啥作用？
地球人说： “啥作用也没起到！中国人根本就不敢花！！因为如果中国把这个钱花在外国，就起到只能买一个果子的作用，就是说本来手里有10个果子，一交换就变成只有1个果子，再交换一次就变成0.1个果子，再交换一次就变成0.01个果子——那这样以前的交换都白交换了，越交换越穷，另一方面，如果中国把这个钱花在国内，就必须换成人币，这也不行，因为果子都被外国消灭了，代表果子实物价值的人币却在中国增加，人币会越来越多，引起通货膨胀。”
外星人说：看来中国的外汇只能烂在锅里，自己没法花，只能交给外国人，再来买中国的果子了！
地球人说：“中国没有一个人懂经济，于是请了欧洲人来给中国人讲课，欧洲人夸赞中国的汇率好，如果升值，农业会倒霉，殊不知农完全可以只靠劳作和工就自给自足，于是全中国人都在听这个欧洲人的话。”
外星人说：“怪不得中国人越来越穷，啥东西也买不起，把最好东西全部都出口奉献给外国人，就是为了换外汇呀！只可惜换的代价太大，10万亿的东西只换来了1万亿的外汇。”
Sep
30
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？
Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。
如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 是一样的。
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。
Div+CSS标准的优点:
1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
6.提高易用性。使用CSS可以结构化HTML，例如：
Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。
Very excellent webmaster club www.caifuw.com
如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 是一样的。
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。
Div+CSS标准的优点:
1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
6.提高易用性。使用CSS可以结构化HTML，例如：
标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11.Table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
13.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
16.使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
Sep
30
坐火车的人似乎都有这样一个共识，那就是火车上的食物价格很高，而且不好吃，卫生可能也不那么让人放心。在市场上，品牌产品的价格可以比非品牌产品的价格高出一些，但是在火车上，这个规律就不存在了。比如同样的饮料，市场上每瓶卖三元，到了火车上就要五元。火车是一个封闭的市场，在这个封闭的市场中，消费者的购买大多是被迫的。尤其在硬坐车厢，很多人宁愿在大热天一桶一桶地泡自己带上来的康师傅，也不愿购买餐车提供的晚餐。所以很多时候列车服务人员用手推车叫卖非主食类食物的时候，销量往往都是不容乐观的。
然而我却有幸目睹了一次完美的推销过程，就是在列车的硬坐车厢。
对我来说，在火车的硬坐上折腾二十个小时已是司空见惯。车厢是一个浓缩的社会，各色人等聚集在一起，在火车上聊天，你能真正体会到“三人行，必有我师。”......
然而我却有幸目睹了一次完美的推销过程，就是在列车的硬坐车厢。
对我来说，在火车的硬坐上折腾二十个小时已是司空见惯。车厢是一个浓缩的社会，各色人等聚集在一起，在火车上聊天，你能真正体会到“三人行，必有我师。”......
Sep
28
1.css字体简写规则
当使用css定义字体时你可能会这样做：
font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-family:verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
2.同时使用两个class
通常我们只为属性指定一个class,但这并不等于你只能指定一个，实际上，你想指定多少就可以指定多少，例如：
< p class="text side">...< /p>
通过同时使用两个class(使用空格而不是逗号分割),这个段落将同时应用两个class中制定的规则。如果两者中有任何规则重叠，那么后一个将获得实际的优先应用。
3.css中边框(border)的默认值
当编写一条边框的规则时，你通常会指定颜色、宽度以及样式(任何顺序均可)。例如：border: 3px solid #000(3像素宽的黑色实线边框)，其实这个例子中唯一需要指定的值只是样式。假如你指定样式为实线(solid),那么其余的值将使用默认值：默认的宽度为中等(相当于3到4像素);默认的颜色为边框里的文字颜色。如果这正是你想要的效果，你完全可以不在css里指定。
4.!important会被IE忽略
在css中，通常最后指定的规则会获得优先权。然而对除了IE以外的浏览器来说，任何后面标有!important的语句将获得绝对的优先权，例如：
margin-top:3.5em !important;margin-top:2em
除IE以外所有浏览器中的顶部边界都是3.5em，而IE为2em，有时候这一点很有用，尤其在使用相对边界值时(就像这个例子)，可以显示出IE与其他浏览器的细微差别。
(很多人可能还注意到了css的子选择器也是会被IE忽略的)
5.图片替换的技巧
使用标准的html而不是图片来显示文字通常更为明智，除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时，你只能选择图片。
举例来说，你想在每一页的顶部使用“Buy widgets”的标题，但你同时又希望这是能被搜索引擎发现的，为了美观你使用了少见的字体那么你就得用图片来显示了：
< h1>< img src="widget-image.gif" alt="Buy widgets"/>< /h1>
这样当然没错，但是有证据显示搜索引擎对真实文本的重视远超过alt文本(因为已经有太多网站使用alt文本充当关键字)，因此，我们得用另一种方法：< h1>< span>Buy widgets< /span>< /h1> ，那你的漂亮字体怎么办呢?下面的css可以帮上忙：
h1
{
background: url(widget-image.gif) no-repeat;
}
h1 span
{
position:absolute;
left:-2000px;
}
现在你既用上了漂亮的图片又很好的隐藏了真实文本??借助css，文本被定位于屏幕左侧-2000像素处。
6.css盒模型hack的另一选择
css盒模型hack被用来解决IE6之前的浏览器显示问题，IE6.0之前的版本会把某元素的边框值和填充值包含在宽度之内(而不是加在宽度值上)。例如，你可能会使用以下css来指定某个容器的尺寸：
#box
{
width:100px;
border:5px;
padding:20px;
}
然后在html中应用：< div id="box">...< /div>
盒的总宽度在几乎所有浏览器中为150像素(100像素宽度+两条5像素的边框+两个20像素的填充)，唯独在IE6之前版本的浏览器中仍然为100像素(边框值和填充值包含在宽度值中)，盒模型的hack正是为了解决这一问题，但是也会带来麻烦。更简单的办法如下：
css:
#box
{
width:150px;
}
#box div{
border:5px;
padding:20px;
}
html:
< div id="box">< div>...< /div>< /div>
这样一来在任何浏览器中盒的总宽度都将是150像素。
7.将块元素居中
假设你的网站使用了固定宽度的布局，所有的内容置于屏幕中央，可以使用以下的css：
#content
{
width:700px;
margin:0 auto;
}
你可以把html的body之内任何项目置于< div id="content">< /div>中，该项目将自动获得相等的左右边界值从而保证了居中显示。不过，这在IE6之前版本的浏览器中仍然有问题，将不会居中，因此必须修改如下：
body
{
text-align:center;
}
#content
{
text-align:left;
width:700px;
margin: 0 auto;
}
对body的设定将导致主体内容居中，但是连所有的文字也居中了，这恐怕不是你想要的效果，为此#content的div还要指定一个值：text-align:left
8.使用css实现垂直居中
垂直居中对表格来说是小菜一碟，只需指定单元格为vertical-align:middle即可，但这在css布局中不管用。假设你将一个导航菜单的高度设为2em，然后在css中指定垂直对齐的规则，文字还是会被排到盒的顶部，根本没有什么区别。
要解决这一问题，只需将盒的行高设为与盒的高度相同即可，以这个例子来说，盒高2em,那么只需在css中再加入一条：line-height: 2em 就可实现垂直居中了!
9. 容器内的css定位
css的最大优点之一就是可以将对象定位在文档的任何位置，同样的也可以将对象在某容器内进行定位。只需要为该容器添加一条css规则：
#container
{
position:relative;
}
则容器内的任何元素的定位都是相对于该容器的。假定你使用以下html结构：
< div id="container">< div id="navigation">...< /div>< /div>
如果想将navigation定位在容器内离左边界30像素，离顶部5像素，可以使用以下css语句：
#navigation
{
position:absolute;
left:30px;
top:5px;
}
10.延伸至屏幕底部的背景色
css的缺点之一是缺乏垂直方向的控制，从而导致了一个表格布局不会遇到的问题。假设你在页面的左侧设定了一列用于放置网站的导航。页面为白色背景，但你希望导航所在的列为蓝色背景，使用以下css即可：
#navigation
{
background:blue;
width:150px;
}
问题在于导航项不会一直延伸到页面的底部，自然它的背景色也不会延伸到底部。于是左列的蓝色背景在页面上被半路截断，浪费了你的一番设计。怎么办呢?很不幸我们现在只能用欺骗的办法，即将body的背景指定为与左列同颜色同宽度的图片，css如下：
body
{
background:url(blue-image.gif) 0 0 repeat-y;
}
背景图应为宽150像素的蓝色图片。这一办法的缺点是没法使用em来指定左列的宽度，当用户改变文字的大小导致内容的宽度扩张时，背景色的宽度不会随之改变。
到写这篇文章为止这是对这类问题的唯一解决办法，因此你只能为左列使用像素值来获得能够自动延伸的不同的背景色。
当使用css定义字体时你可能会这样做：
font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-family:verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
2.同时使用两个class
通常我们只为属性指定一个class,但这并不等于你只能指定一个，实际上，你想指定多少就可以指定多少，例如：
< p class="text side">...< /p>
通过同时使用两个class(使用空格而不是逗号分割),这个段落将同时应用两个class中制定的规则。如果两者中有任何规则重叠，那么后一个将获得实际的优先应用。
3.css中边框(border)的默认值
当编写一条边框的规则时，你通常会指定颜色、宽度以及样式(任何顺序均可)。例如：border: 3px solid #000(3像素宽的黑色实线边框)，其实这个例子中唯一需要指定的值只是样式。假如你指定样式为实线(solid),那么其余的值将使用默认值：默认的宽度为中等(相当于3到4像素);默认的颜色为边框里的文字颜色。如果这正是你想要的效果，你完全可以不在css里指定。
4.!important会被IE忽略
在css中，通常最后指定的规则会获得优先权。然而对除了IE以外的浏览器来说，任何后面标有!important的语句将获得绝对的优先权，例如：
margin-top:3.5em !important;margin-top:2em
除IE以外所有浏览器中的顶部边界都是3.5em，而IE为2em，有时候这一点很有用，尤其在使用相对边界值时(就像这个例子)，可以显示出IE与其他浏览器的细微差别。
(很多人可能还注意到了css的子选择器也是会被IE忽略的)
5.图片替换的技巧
使用标准的html而不是图片来显示文字通常更为明智，除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时，你只能选择图片。
举例来说，你想在每一页的顶部使用“Buy widgets”的标题，但你同时又希望这是能被搜索引擎发现的，为了美观你使用了少见的字体那么你就得用图片来显示了：
< h1>< img src="widget-image.gif" alt="Buy widgets"/>< /h1>
这样当然没错，但是有证据显示搜索引擎对真实文本的重视远超过alt文本(因为已经有太多网站使用alt文本充当关键字)，因此，我们得用另一种方法：< h1>< span>Buy widgets< /span>< /h1> ，那你的漂亮字体怎么办呢?下面的css可以帮上忙：
h1
{
background: url(widget-image.gif) no-repeat;
}
h1 span
{
position:absolute;
left:-2000px;
}
现在你既用上了漂亮的图片又很好的隐藏了真实文本??借助css，文本被定位于屏幕左侧-2000像素处。
6.css盒模型hack的另一选择
css盒模型hack被用来解决IE6之前的浏览器显示问题，IE6.0之前的版本会把某元素的边框值和填充值包含在宽度之内(而不是加在宽度值上)。例如，你可能会使用以下css来指定某个容器的尺寸：
#box
{
width:100px;
border:5px;
padding:20px;
}
然后在html中应用：< div id="box">...< /div>
盒的总宽度在几乎所有浏览器中为150像素(100像素宽度+两条5像素的边框+两个20像素的填充)，唯独在IE6之前版本的浏览器中仍然为100像素(边框值和填充值包含在宽度值中)，盒模型的hack正是为了解决这一问题，但是也会带来麻烦。更简单的办法如下：
css:
#box
{
width:150px;
}
#box div{
border:5px;
padding:20px;
}
html:
< div id="box">< div>...< /div>< /div>
这样一来在任何浏览器中盒的总宽度都将是150像素。
7.将块元素居中
假设你的网站使用了固定宽度的布局，所有的内容置于屏幕中央，可以使用以下的css：
#content
{
width:700px;
margin:0 auto;
}
你可以把html的body之内任何项目置于< div id="content">< /div>中，该项目将自动获得相等的左右边界值从而保证了居中显示。不过，这在IE6之前版本的浏览器中仍然有问题，将不会居中，因此必须修改如下：
body
{
text-align:center;
}
#content
{
text-align:left;
width:700px;
margin: 0 auto;
}
对body的设定将导致主体内容居中，但是连所有的文字也居中了，这恐怕不是你想要的效果，为此#content的div还要指定一个值：text-align:left
8.使用css实现垂直居中
垂直居中对表格来说是小菜一碟，只需指定单元格为vertical-align:middle即可，但这在css布局中不管用。假设你将一个导航菜单的高度设为2em，然后在css中指定垂直对齐的规则，文字还是会被排到盒的顶部，根本没有什么区别。
要解决这一问题，只需将盒的行高设为与盒的高度相同即可，以这个例子来说，盒高2em,那么只需在css中再加入一条：line-height: 2em 就可实现垂直居中了!
9. 容器内的css定位
css的最大优点之一就是可以将对象定位在文档的任何位置，同样的也可以将对象在某容器内进行定位。只需要为该容器添加一条css规则：
#container
{
position:relative;
}
则容器内的任何元素的定位都是相对于该容器的。假定你使用以下html结构：
< div id="container">< div id="navigation">...< /div>< /div>
如果想将navigation定位在容器内离左边界30像素，离顶部5像素，可以使用以下css语句：
#navigation
{
position:absolute;
left:30px;
top:5px;
}
10.延伸至屏幕底部的背景色
css的缺点之一是缺乏垂直方向的控制，从而导致了一个表格布局不会遇到的问题。假设你在页面的左侧设定了一列用于放置网站的导航。页面为白色背景，但你希望导航所在的列为蓝色背景，使用以下css即可：
#navigation
{
background:blue;
width:150px;
}
问题在于导航项不会一直延伸到页面的底部，自然它的背景色也不会延伸到底部。于是左列的蓝色背景在页面上被半路截断，浪费了你的一番设计。怎么办呢?很不幸我们现在只能用欺骗的办法，即将body的背景指定为与左列同颜色同宽度的图片，css如下：
body
{
background:url(blue-image.gif) 0 0 repeat-y;
}
背景图应为宽150像素的蓝色图片。这一办法的缺点是没法使用em来指定左列的宽度，当用户改变文字的大小导致内容的宽度扩张时，背景色的宽度不会随之改变。
到写这篇文章为止这是对这类问题的唯一解决办法，因此你只能为左列使用像素值来获得能够自动延伸的不同的背景色。
