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

随着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
做的不好，还欢迎各位访客指点与批评！

今天打开以前自己做的css笔记，一看真的是乱七八糟，一塌糊涂，还是整理一下容易错的css吧。

一：对ul设置list-style-image时，在IE和FF效果不同，所以需要结合padding对li单独设置。

二：top、right、bottom、left这4个css属性，它们都是配合position属性使用的，表示的是各个边界离页面边框（当position设置为absolute时）的距离，或各个边界离原来位置（position设置为relative时）的距离。只有当position属性设置为absolute或relative时才能生效。鉴于浏览器之间的差异，建议在设计时只设置left和right中的一个，以及top和bottom中的一个。

三：vertical-align在目前的浏览器中，只能用表格单元格中的对象竖直方向的对齐设置而对于一般的块级元素如div等是不起作用的。解决请看之前的多行文字垂直居中

四：body是一个特殊的盒子，它的背景颜色会延伸到margin的部分，而其它的背景只会覆盖padding＋content部分（IE中）或者border+padding+content部分（firefox中）

五：在IE6中，虽然链接设置成块级元素，但是仍然只有在鼠标指针经过文字，才能触发鼠标经过效果，而不是进入矩形区域，就可以触发。在IE7中已经修正了这个bug，解决IE6的这个bug只需在a中增加一条css规则：height:1em;

六：Firefox和IE7都支持td的:hover（但IE7要支持td:hover必须正确设置Doctype设置成xhtml1.0 trantional即可，如果没有设置Doctype，将会和IE6一样，不支持td:hover)

七：确保在单词之间的空白处不换行，则在a,a:visited的样式中增加css规则：white-space:nowrap;

八：行内元素是不能指定宽度的，但是带有容错的IE6却可以

九：<script language=”javascript”>……</script> 不能通过w3c
       <script type=”text/javascript”>……</script> 能通过w3c

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

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

马云是一位我非常敬佩的企业家，说过的很多话，很多演讲都已成为经典，今天把一些马云的经典语录整理一下：

我们很运气很傻（创业路走下来，比我们聪明的人多了去了。我们的傻劲让我们坚持到现在，让我们取得了一定成果）

我今天不想讲什么电子商务与互联网.因为再过十年，人人都将电子商务。就像现在我们觉得电不再是什么高科技一样

阿里巴巴不等于马云（阿里巴巴一上市，众人皆喊：原来阿里巴巴这么牛，马云这么强！大家不要把阿里巴巴等同于马云，阿里巴巴有现在的成绩，绝非马云一人的成绩，阿里巴巴是我们团队共有的）

2007年11月5日和11月6日没什么区别（11月6日上市后市值爆涨，我并没有觉得我多了几斤肉，也私毫没觉得有多大变化，我们仍然要进步，102年高龄的企业理想还需要坚持）

讲真话最重要（当《赢在中国》评委的时候，有的选手虽然很可爱，但我仍然要直言不讳的告诉他们：你不适合创业。任何时候，讲真话最重要。）

别人都说我长得很怪，那是因为我的脑子里想的从来都是奇怪的想法； 把你捧起来的是他们，让你摔得鼻青脸肿的也是他们（最后我似乎一下子出名了很多，也有很多关于我的书，政府领导也开始表扬我了，媒体也跟着起哄。其实媒体非常可怕，把你捧起来的是他们，让你摔得鼻青脸肿的也是他们）

人要不断做体检（企业和人一样，要不断的做体检，找出任何可能导致你癌症的毛病，切除病源，才能更好的生存）

高学历的聪明员工难管，和尚更难管（我拜访了杭州某寺庙的一位和尚，他的想法比我还怪。原来和尚比聪明的高学历员工更难管，因为他们没有欲望，你无法说服他。有时候，有欲望是一件不错的事）

贪婪一定会受到惩罚（面临选择的时候，才能真正考验一个人的品格。贪婪一定会受到惩罚）

阿里巴巴不是为股票而生（在阿里巴巴即将上市的时候，马云本可以把股票价格定到25元，这比计划的价格12整整高出一倍多。但后来马云毅然把价格只定在13.5元，因为我们不是为股票而生，企业的使用是“让天下没有难做的生意”，帮助更多的中小企业才是最重要的。若此时过于贪婪，则一定会受到严惩）

做企业犹如做人，要坚守承诺（在阿里巴巴上市前期，由于马云答应了台湾某朋友的邀请而让阿里巴巴上市日期推迟了几天，因此避免了阿里巴巴一上市即暴跌的后果）

学会说NO（企业的发展过程中会面临众多诱惑，要学会说NO。企业使命要坚持，做一家具有社会责任感的企业）

竞争是一种快乐（在淘宝早期与Ebay的竞争中，面对Ebay的一群海归及大笔资金，淘宝这些土鳖用快乐的方式打败了Ebay，才有了今天淘宝在中国C2C的绝对优势）

创业团队一定要有共同价值观，要约法三章（对于某些问题，团队之间可以说清楚，约法三章）

做企业要不断学习才能不被淘汰（面对外界媒体的众说纷芸，马云解释了阿里巴巴六大高管调整的原因。只有忍痛让他们离开一段时间学习回来，才能够形成良性循环，将来有接班人）

以上为马云经典语录的一小部分，欢迎拍砖，共同学习！

之前一直想做一个属于自己的wordpress主题，前几天刚好是星期天，所以从前天到今天大约花了三天的时间来做这个主题。

做主题前，先了解了一些wordpress主题常用的输出函数。做好主题后，做好以后给永同、勇文、何显成看了一下，他们都说太单调了，而且颜色也不太好看。我不知道是不是我的审美观有问题，所以我重新再做了这个现在正在用的这个wordpress主题。

这个wordpress主题总体来说是简单、协调、页面也相对简洁。模板是网上找的，我主要是修改基中的css代码、布局、图片加入以及图片的简单处理，还有对一些wordpress函数的输出处理。这个主体做的不是特别好，whatever，这个主题是自己做的，so以后都会用这个主题，所以我也没把它发布出来让跟我有同样审美观的人下载，欢迎各位拍砖！

 演示地址：www.onlycss.cn 即我的博客。

WordPress主题制作电子书下载 (了解一些常用的wordpress函数，你也可以制作属于自己的wordpress主题）