谢锋的博客——关注xhtml+css、用户体验、电子商务

林中两分路，可惜难兼行。

游子久伫立，极目望一径。

隐于丛林中，两路林中伸。

我选一路走，深知路无穷。

我疑从今后，能否转回程。

我选另一途，合理亦公正。

草密人迹罕，正待人通行。

足迹踏过处，两路皆相同。

数十年之后，谈起常叹息。

林中两路分，一路人迹稀。

我独选此路，境遇乃相异。

                                         ——罗伯特

之前把css整理了一下，不过没整理完，今天继续把css整理一下。

1、:first-letter 伪对象仅作用于块级元素，内联元素如果要使用必须先定义成块级元素或position属性为absolute才有效。而且:first-letter跟{….}之间必须存在空格或回车，不然ie不认识它

2、z-index只作用于position属性为absolute、ralative、fix元素

3、在ie6中，定义行高只对文字有效，但定义文字大小却同样对图片有效

4、父层的div使用了相对定位并触发了layout，列表里的某些元素或者所有的元素的背景会消失（包括背景图片）。类似的问题还存在于<ul>、<ol>中。解决非的方法也很简单：只要对<dl>、<ul>、<ol>也使用相对定位或者触发layout就可以解决问题。

5、行内元素定义宽度并不会触发layout。

6、流出来的元素是不占空间的。

7、<!–hi ie,please go to Quirks Mode–>不管是ie6还是ie7都会进入Quirks Mode，在这种情况下，盒子模型会发生变化，border跟padding都会算在宽度里面(一般情况下只包括border)。在此情况下的ie7也比较聪明，也认识*html div{}这样的选择符(通常情况下只有ie5、ie6认识)。在Quirks Mode下的ie都不支持min-height.

8、ul标签在firefox中默认是有padding值的，而在ie中只有margin默认有值，form标签在ie中将会自动产生margin值，而在firefox中margin则是0，所以一般先定义*{margin:0;padding:0;}。

原创文章，转载请注明：来自谢锋的博客

本文链接地址：http://www.onlycss.cn/2010/04/css-note2/

之前写过一篇对独立B2C商城的几点看法 ，现在谈谈个人对20/80定律以及长尾理论的看法。

20/80定律指的是80%的结果，往往是来自于20%的出处。比如对一个公司来讲，80%的利润常常来自于20%最畅销的产品；80%的利润来自于最忠诚的20%客户；80%的销量或利润来自于20%最成功的网络营销渠道或投资等。

所谓长尾理论简单来说是指，商业和文化的未来不在于传统需求曲线上那个代表“畅销商品”的头部；而是那条代表“冷门商品”经常为人遗忘的长尾。

长尾理论的前提是商品销售渠道足够宽，并且商品生产、物流成本足够低。

互联网企业可以进一步降低产品销售成本，甚至可以做到没有库存，而网站流量和维护成本比传统店面低，所以能够极大地扩大销售品种，如amazon。如果互联网企业销售的是虚拟产品，则支付和配送成本几乎为0，可以把长尾理论发挥到极致，如google adwords。要使长尾理论更有效，应该尽量降低门槛，制造小额消费者。google adsense就是这样一个蛋糕制造机，adsense通过在小网站上发布相关广告，带给站长们带来一种低门槛、全新的盈利渠道，把众多小网站的流量汇集成为统一的广告媒体。

对中小企业起支配作用的依然是20/80定律。

而对于许多中小企业来说，产品少，不足以产生长尾现象，即由于规模效应、边际成本比较高，分摊到每个产品的成本还是很高。物流方面来说就更不用说了，中小企业一般都没有自己的物流，一般采用的是第三方物流方式，成本相对来说还不是足够低。所以，对中小企业起支配作用的依然是20/80定律。

长尾产品的利润有可能比较高

因为热门产品容易拿出来促销打折，由于竞争激烈，不得不以低价出售。而相对来说长尾产品竞争比较少可以 按正常价格出售，而且通过长尾关建词带来的流量转化率高，成交率高。所以，长尾产品的利润有可能比较高。

以上是个人对20/80定律与长尾理论的个人观点，欢迎拍砖！

原创文章，转载请注明：来自谢锋的博客
本文链接地址：http://www.onlycss.cn/2010/04/28vslong-tail/

随着web标准的流行，xhtml+css已经被运用到许多网站（包括电子商务网站），在很大程度上代替了传统用表格布局，相对来说用xhtml+css布局的好处这里就不再说了。

代码的优化也是网站优化的一部分，代码的优化一般包括：标签是否运用合理、代码的压缩等。特别是对于大型网站，代码的压缩是很重要的一部分，所以了解一些css属性的缩写，这有利于压缩代码，为网页减肥。
下面是一些常用css属性的缩写：

一：边框border缩写
border:border-width|border-style|border-color  例如：border:1px solid #000;

二：背景background缩写
background:background-color|background-image|background-repeat|background-attachment|background-position
例如：background:#f00 url(background.gif) no-repeat fixed 0 0;

三：字体font缩写
font:font-style|font-variant|font-weight|font-size|line-height|font-family
例如：font:italic small-caps bold 12px/1.5 sans-serif;
注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

四：列表list缩写
list-style:list-style-type|list-style-position|list-style-image
例如：list-style:square inside url(image.gif);

五：外边距margin与内边距padding缩写
margn外边距与padding内边距是制作布局时常用到的两个属性，传统的写法如下：
margin:margin-top | margin-right | margin-bottom  |  margin-left
padding: padding-top | padding-right | padding-bottom | paddin-left
margin与padding可以带一个、二个、三个、四个参数，各有不同的含义。
一个参数时，例如我们常用到的*{margin:0;padding:0;}表示margin-top、margin-right、margin-bottom、margin-left和padding-top、padding-right、padding-bottom、paddin-left都一样为0。
两个参数时，例如：*{margin:10px 5px; pdding:10px 5px;}表示margin-top、margin-bottom、padding-top、padding-bottom为10px，margin-right、margin-left、padding-right、paddin-left为5px
当三个参数，例如：*{margin:10px 5px 6px; pdding:10px 5px 6px;}表示margin-top、padding-top为10px，margin-right、margin-left、padding-right、paddin-left为5px，margin-bottom、padding-bottom为6px.

以上为一些常用的css缩写，欢迎交流！
原创文章，转载请注明：来自谢锋的博客
本文链接地址：http://www.onlycss.cn/2010/04/css-abbreviation/

由于学院的景观专业要申报国家精品课程，原来的网站惨不忍赌。所以学院决定要对它进行改版，我们几个人作为学院网页设计小组，任务就落在我们身上。因为时间很紧，就只有几天的时间。所以我们接到明确任务后就分工。
分工：由坚美制作效果图，我跟永同、勇文负责用xhtml+css进行页面排版的制作，还有一个师弟也帮忙做。总的来说几乎是一个团队完成了这次的任务。
这个网站的技术含量很低，就是有点琐碎，内容很多，网站差不多有400多M，这是我做的最大的一个网站。
演示地址：http://jpkc.jnu.edu.cn/2007/jqgl/index.htm
做的不好，还欢迎各位访客指点与批评！