.htaccess文件(或者”分布式配置文件”）提供了针对目录改变配置的方法， 即，在一个特定的文档目录中放置一个包含一个或多个指令的文件， 以作用于此目录及其所有子目录。作为用户，所能使用的命令受到限制。管理员可以通过Apache的AllowOverride指令来设置。

例如：你将下面的这部分内容保存到.htaccess文件里，上传到空间根目录就可以彻底屏蔽来自中国的IP。至于说你想屏蔽国内具体哪个地区的IP，那建议你在百度里挨个儿查查IP归属地。国域IP屏蔽不知道具体IP可以登陆：这里查阅。

[[Visit blog to check out this spoiler]]

同时需要注意的是：.htaccess文件应该被用在内容提供者需要针对特定目录改变服务器的配置而又没有root权限的情况下。如果服务器管理员不愿意频繁修改配置，则可以允许用户通过.htaccess文件自己修改配置，尤其是ISP在同一个机器上运行了多个用户站点，而又希望用户可以自己改变配置的情况下。虽然如此，一般都应该尽可能地避免使用.htaccess文件。任何希望放在.htaccess文件中的配置，都可以放在主配置文件的<Directory>段中，而且更高效。

避免使用.htaccess文件有两个主要原因。

首先是性能。如果AllowOverride启用了.htaccess文件，则Apache需要在每个目录中查找.htaccess文件，因此，无论是否真正用到，启用.htaccess都会导致性能的下降。另外，对每一个请求，都需要读取一次.htaccess文件。

还有，Apache必须在所有上级的目录中查找.htaccess文件，以使所有有效的指令都起作用(参见指令的生效)，所以，如果请求/www/htdocs/example中的页面，Apache必须查找以下文件：

/.htaccess

/www/.htaccess

/www/htdocs/.htaccess

/www/htdocs/example/.htaccess

总共要访问4个额外的文件，即使这些文件都不存在。(注意，这可能仅仅由于允许根目录”/”使用.htaccess ，虽然这种情况并不多。)

其次是安全。这样会允许用户自己修改服务器的配置，这可能会导致某些意想不到的修改，所以请认真考虑是否应当给予用户这样的特权。但是，如果给予用户较少的特权而不能满足其需要，则会带来额外的技术支持请求，所以，必须明确地告诉用户已经给予他们的权限，说明AllowOverride设置的值，并引导他们参阅相应的说明，以免日后生出许多麻烦。

Related Posts

• 0

Recent Comments

© Bruce for Bruce, 2010. | Permalink | No comment |

你说你怕太浓烈，走得越远， 越没感觉。

你说时间会冲淡一切，距离让我们好过些.

但是你走得越来越远，我却越来越有感觉。

我寄生在你的世界多一天，就连自己影子都要看不见。

你带走了什么，你看不见。

它却不断侵蚀着我每一天。

我寄生在你的回忆多一天，就连自己声音都要听不见。

我哭喊着什么，你听不见。

因为我寄生在回忆里面。

在这回忆里面……

Related Posts

• 失业情歌(0)
• 沉寂多年（Silent All These Years）(0)
• 夜上海(0)

Recent Comments

• Bruce : @happyet 这歌词……凄凄惨惨戚戚……
• happyet : 难道又是歌词？

© Bruce for Bruce, 2010. | Permalink | 2 comments |

“我练成了？”

难道这是上天给我的什么启示？

屁啦……

胡思是乱想，赤裸是生活。

Related Posts

• 被按(3)
• 王兄生日(2)
• 元宵节(2)
• 无聊(2)
• 小日子(0)
• 用力的做，用力的爱，用力的活(0)
• 五味杂陈(2)
• 现实的矛盾界限，人心的权宜思量(6)
• 再见故人时(7)
• 回家(0)

Recent Comments

• Bruce : @happyet 完了完了……你丫爱上我了……
• happyet : @Bruce 表达后呢？自言自语吧。
• Bruce : @happyet 究竟该向谁去表达？
• happyet : @Bruce 看把你爽的。。。
• Bruce : @happyet 痛并快乐着！

© Bruce for Bruce, 2010. | Permalink | 6 comments |

IE:工具->Internet选项(o)->常规，点击"语言(L)…"按钮，可点"添加"按钮添加某种语言，然后在"语言(L):"中把某种语言移动到第一行。把中文的删除了，再添加别的语言，如“英文”

参考：http://www.zouqingshui.net/headingto3/explorer-language-setting/

Related Posts

• Zen-cart开荒记录（一帖到底）(3)

Recent Comments

© Bruce for Bruce, 2010. | Permalink | No comment |

关于ICP备案申请审核通过的通知。

尊敬的用户[布鲁斯]：您的ICP备案申请已通过审核,备案/许可证编号为: 沪ICP备10017***号 ，审核通过日期：2010-03-05。

Related Posts

• 天晴了(6)
• 王兄生日(2)
• 元宵节(2)
• 无聊(2)
• 小日子(0)
• 用力的做，用力的爱，用力的活(0)
• 五味杂陈(2)
• 现实的矛盾界限，人心的权宜思量(6)
• 再见故人时(7)
• 回家(0)

Recent Comments

• Bruce : @happyet 至于么……典型的嫉妒！ @蚊子 ……我身在国外心系祖国...
• 蚊子 : o(╯□╰)o，你空间哪儿的啊？备案？ 不过还是恭喜，总算不是黑户了，(^o^)/~
• happyet : 鄙视。。。

© Bruce for Bruce, 2010. | Permalink | 3 comments |

其实很多时候，并不需要你为旁人付出那多坎坷，你只需要静静的存在着、无声的陪伴着。

若被看到，微笑就好。

我居然开始喜欢开会，虽然我觉得绝大多数的会议纯粹就是扯淡、是浪费时间，但是就像我说的，有些形式看起来可有可无，但缺了它还真的就残缺了。有些东西，现在的我说不清楚。只是一种朴素的觉得。这种动员会议，让我很激动。激动什么？与财富追逐战本身并无半点关系，只是让我意识到我不孤独。哪怕是在干一件时常让我觉得是很荒谬的事，哪怕归属感历来都是严重缺失。但这群人的相聚本身就值得我全力以赴一次了。

就像面子不是别人给的，是自己挣得。生活啊，不也是自己蹭出来的麽……

Related Posts

• 天晴了(6)
• 被按(3)
• 元宵节(2)
• 无聊(2)
• 小日子(0)
• 用力的做，用力的爱，用力的活(0)
• 五味杂陈(2)
• 现实的矛盾界限，人心的权宜思量(6)
• 再见故人时(7)
• 回家(0)

Recent Comments

• Bruce : @彼岸苏安 朕准了……
• 彼岸苏安 : 来博主这里打酱油啊！

© Bruce for Bruce, 2010. | Permalink | 2 comments |

美罗城好乐迪的价格我个人感觉还算公道。于是，四个男人KTV。鬼哭狼嚎一阵后，心情大好。

春申府邸的月亮好圆。月亮上的乱石冈和小松树这么多年来一直未变。

那些夜晚，我夜夜数着….来回往复的五号线。

Related Posts

• 天晴了(6)
• 被按(3)
• 王兄生日(2)
• 无聊(2)
• 小日子(0)
• 用力的做，用力的爱，用力的活(0)
• 五味杂陈(2)
• 现实的矛盾界限，人心的权宜思量(6)
• 再见故人时(7)
• 回家(0)

Recent Comments

• Bruce : @C.S.A 呵呵，那个是失误！我居然把mp3放到自己空间引用了。悲剧……
• C.S.A : 元宵节快乐哈！ 上月流量太大了吧，月底的时候博客就出问题了！

© Bruce for Bruce, 2010. | Permalink | 2 comments |

wpnow 

Viva Themes 

WooThemes 

themeforest 

studiopress 

richWP 

NattyWP 

gorillathemes 

gabfirethemes 

elegantthemes

Related Posts

• 30个免费下载高质量icon图标的网站[转载](0)
• CSS技巧汇总(0)
• loading图片在线生成(0)
• 首页自动伸缩广告代码大全(2)
• FF和IE常见才CSS区别汇总(0)
• 请正确使用HTML Table(0)
• 50个有用的网站设计资源(3)
• Javascript实现DIV圆角(11)
• 一张图片实现CSS圆角<代码精简版>(0)
• CSS Sprites(2)

Recent Comments

• Bruce : @huangyuling 因为老外比黄种人高！
• huangyuling : 为什么高端总是国外的？
• Bruce : @xuun 来吧……
• xuun : 这是什么情况？改我留言?我日你
• Bruce : @xuun 悲剧了...

© Bruce for Bruce, 2010. | Permalink | 7 comments |

1、http://fasticon.com/freeware/

2、http://dryicons.com/

3、http://www.guiicons.com/

4、http://www.vistaicons.com/

5、http://feedicons.com/

6、http://www.icobox.net/

7、http://www.iconspedia.com/

8、http://www.icondrawer.com/free.php

9、http://www.techlogica.us/icons/free/

10、http://www.iconbulk.com/icons_new.asp

11、http://iconfactory.com/freeware/icon

12、http://www.iconshock.com/vista-icons.php

13、http://www.iconbuffet.com/

14、http://www.smashingmagazine.com/2008/10/01/dellipack-2-a-free-icon-set/

15、http://www.iconfinder.net/

16、http://browse.deviantart.com/?qh=&section=&q=free+icons

17、http://www.freeiconsdownload.com/

18、http://famfamfam.com/lab/icons/

19、http://www.iconcool.com/xp-icons.htm

20、http://wefunction.com/tag/portfolio/

21、http://www.bestfreeicons.com/

22、http://www.tutorial9.net/

23、http://www.icojoy.com/articles/19/

24、http://theiconlab.com/allicons/index.html

25、http://www.gosquared.com/liquidicity/archives/122

26、http://www.glyfx.com/products/free.html

27、http://www.jjying.cn/blog2/viva-icons/

28、http://iconbee.willmayo.com/

29、http://iconeden.com/icon/fresh-addon-a-free-iconset.html

30、http://www.iconstick.com/

31、http://icondock.com/

Related Posts

• 十个WP高端设计地址[转](7)
• CSS技巧汇总(0)
• 首页自动伸缩广告代码大全(2)
• FF和IE常见才CSS区别汇总(0)
• 请正确使用HTML Table(0)
• Javascript实现DIV圆角(11)
• 一张图片实现CSS圆角<代码精简版>(0)
• CSS Sprites(2)
• 纯CSS圆角矩形布局代码(11)
• 非常棒的隔行变色+点击变色table代码<Amazing>(0)

Recent Comments

© Bruce for Bruce, 2010. | Permalink | No comment |

CSS在书写代码的时候有很多技巧，掌握这些技巧不仅可以使代码看起来更整洁，还能对CSS起到压缩优化的作用。下面列举10个比较常用的技巧，如果你是CSS初学者，这些对你是相当有用的。

1.CSS字体属性简写规则

一般用CSS设定字体属性是这样做的：

font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;

但也可以把它们全部写到一行上去：

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。

2. 同时使用两个类

一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：

<p class="text side">…</p>

同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。

补充：对于一个ID，不能这样写<p id="text side">…</p>

3. CSS border的缺省值

通常可以设定边界的颜色，宽度和风格，如：border: 3px solid #000

这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。

如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。

4. CSS用于文档打印

许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。

也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：

<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

第1行就是显示，第2行是打印，注意其中的media属性。

但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。要想了解更多，可以看“打印差异”这一篇。

5. 图片替换技巧

一般都建议用标准的HTML来显示文字，而不要使用图片，这样不但快，也更具可读性。但如果你想用一些特殊字体时，就只能用图片了。

比如你想整个卖东西的图标，你就用了这个图片：

<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>

这当然可以，但对搜索引擎来说，和正常文字相比，它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的：

<h1>Buy widgets</h1>

但这样就没有特殊字体了。要想达到同样效果，可以这样设计CSS：

h1 { background: url(widget-image.gif) no-repeat; height: image height text-indent: -2000px }

注意把image height换成真的图片的高度。这里，图片会当作背景显示出来，而真正的文字由于设定了-2000像素这个缩进，它们会出现在屏幕左边2000点的地方，就看不见了。但这对于关闭图片的人来说，可能全部看不到了，这点要注意。

6. CSS box模型的另一种调整技巧

这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：

#box { width: 100px; border: 5px; padding: 20px }

这样调用它：<div id="box">…</div>

这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。

但用CSS也可以达到同样的目的，让它们显示效果一致。

#box { width: 150px } #box div { border: 5px; padding: 20px }

这样调用：<div id="box"><div>…</div></div>

这样，不管什么浏览器，宽度都是150点了。

7. 块元素居中对齐

如果想做个固定宽度的网页并且想让网页水平居中的话，通常是这样：

#content { width: 700px; margin: 0 auto }

你会使用 <div id=”content”> 来围上所有元素。这很简单，但不够好，IE6之前版本会显示不出这种效果。改CSS如下：

body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto }

这会把网页内容都居中，所以在Content中又加入了text-align: left 。

8. 用CSS来处理垂直对齐

垂直对齐用表格可以很方便地实现，设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高，而想让导航文字垂直居中的话，设定这个属性是没用的。

CSS方法是什么呢？对了，把这些文字的行高设为 2em：line-height: 2em ，这就可以了。

9. CSS在容器内定位

CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器：

#container { position: relative }

这样容器内所有的元素都会相对定位，可以这样用：

<div id="container"><div id="navigation">…</div></div>

如果想定位到距左30点，距上5点，可以这样：

#navigation { position: absolute; left: 30px; top: 5px }

当然，你还可以这样：

margin: 5px 0 0 30px

注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。

10. 直通到屏幕底部的背景色

在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS：

#navigation { background: blue; width: 150px }

较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？

不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。

body { background: url(blue-image.gif) 0 0 repeat-y }

此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。

本文作者是：Trenton Moss

20+CSS书写技巧及注意事项

CSS的作用已经在前面的文章里不只一次的提到过了，相信现在很多人都已经领略了。关于CSS的基础知识以及一些技巧我也曾经不止一次地整理过，最近群里不少人都在讨论一些初学CSS该注意的事项以及书写技巧，所以今天再次收集整理如下：（鉴于本人水平有限，难免会有疏忽遗漏，如果你有更好的技巧建议，欢迎在下面的评论框里告诉我。）

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。

3、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A}

4、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding

5、li标签前面的图标推荐使用background-image，而不是list-style-image。

6、IE分不清继承关系和父子关系的差别，全部都是继承关系。

7、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。 等你以后修改你的CSS的时候就知道为什么要这么做了。

8、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。

9、定义链接的四种状态要注意先后顺序: Link Visited Hover Active

10、与内容无关的图片请使用background

11、定义颜色可以缩写#8899FF=#89F

12、table在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。

13、<script>没有language这个属性，应该写成这样:
<script type="text/javascript">

14、标题是标题，标题的文字是标题的文字。有时候标题不一定需要显示文字，所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>

15、完美的单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）
table{border-collapse:collapse;}
td{border:#000 solid 1px;}

16、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。

17、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

18、如果文字过长,则将过长的部分变成省略号显示：IE5,FF无效，但可以隐藏，IE6有效
<div style="width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>

19、在IE中可能由于注释带来的文字重复问题时可以把注释改为：
<!–[if !IE]>Put your commentary in here…<![endif]–>

20、如何用CSS调用外部字体
语法：
@font-face{font-family:name;src:url(url);sRules}
取值：
name：字体名称。任何可能的 font-family 属性的值
url(url)：使用绝对或相对 url 地址指定OpenType字体文件
sRules：样式表定义

21、如何让一个表单中的文本框中的文字垂直居中？
如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。

22、定义A标签要注意的小问题：
当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。
只定义了一个a:link时，一定要记得把其它三种状态定义出来！

23、并不是所有样式都要简写：
当样式表前定义了如p{padding:1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px。我们并不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。

24、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。

25、几个常用到的CSS样式：

1）中文字两端对齐：text-align:justify;text-justify:inter-ideograph;

2）固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。

3）固定宽度汉字（词）折行：table-layout:fixed; word-break:break-all;（IE5以上）FF不能。

4）<acronym title="输入要提示的文字" style="cursor:help;">文字</acronym>用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到，而国内的少又少。

5）图片设为半透明：.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}在IE6及IE5测试通过，FF未通过，这是因为这个样式是IE私有的东西；

6）FLASH透明：选中swf,打开原代码窗口，在</object>前输入<param name="wmode" value="transparent"> 以上是针对IE的代码。
针对FIREFOX 给<embed> 标签也增加类似参数wmode="transparent"

7）在做网页时常用到把鼠标放在图片上会出现图片变亮的效果，可以用图片替换的技巧，也可以用如下的滤镜：
.pictures img {filter: alpha(opacity=45);}
.pictures a:hover img {filter: alpha(opacity=90);}

Related Posts

• 十个WP高端设计地址[转](7)
• 30个免费下载高质量icon图标的网站[转载](0)
• 首页自动伸缩广告代码大全(2)
• FF和IE常见才CSS区别汇总(0)
• 请正确使用HTML Table(0)
• Javascript实现DIV圆角(11)
• 一张图片实现CSS圆角<代码精简版>(0)
• CSS Sprites(2)
• 纯CSS圆角矩形布局代码(11)
• 非常棒的隔行变色+点击变色table代码<Amazing>(0)

Recent Comments

© Bruce for Bruce, 2010. | Permalink | No comment |