邪罗刹的菠萝阁

> 由于各种浏览器的CSS规则，相互之间都是多多少少有些差别的，有可能会给我们带来烦恼。
> 比如有次 Chrome 莫名其妙给小邪加上了个 -webkit-padding-start:30px 的样式。

> 小邪差点没被这个莫名其妙的东东调戏到挂。呵呵，这是 Webkit 内核浏览器的专用样式。
> 样式实现的效果就是指定开始填充的宽度，简单说就是大白天见鬼似地突然多了一个 Margin。

一：Css reset：

> 所以说，如果我们编写 CSS 的时候如果使用复位代码，可以避免很多问题。

1. Minimalistic Reset [ Version 1 ] - 最简单

> 这个样式复位代码只是简单地把所有元素的 Padding 和 Margin 都定义为零。
> 虽然简单，但是是用得最多的，同时也是比较有效的。呵呵 O(∩_∩)O。

* {  padding: 0; margin: 0; }

2. Condensed Universal Reset - 相对受欢迎

> 小邪顺便提到一下这个样式 - vertical-align:middle，这是垂直居中的样式。
> 但不是很有效，很难使用，所以小邪一般都不会去用它。而下面的值是baseline。
> Baseline 表示的是，“x” 字的底部位置的水平线，也是 “y” 字交叉位置的水平线。
> 这里复位了垂直位置、字体粗细、字体选择、边框、外边框、填充以及元素边距。

* {
  vertical-align: baselinebaseline;
  font-weight: inherit; font-family: inherit;
  font-style: inherit; font-size: 100%;
  border: 0 none; outline: 0; padding: 0; margin: 0;
}

3. Poor Man’s Reset - 较常用

> 这个代码复位了元素填充和边距、字体的大小、以及图片的边框。

html, body { padding: 0; margin: 0; }
html { font-size: 1em; } body { font-size: 100%; }
a img, :link img, :visited img { border: 0; }

4. Yahoo CSS Reset - 蛮不错的

> 据说是 Yahoo 开发团队搞出来的东东，蛮受欢迎的喔 O(∩_∩)O。

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
  padding: 0; margin: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var {
  font-weight: normal; font-style: normal;
}
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

5. Erik Meyer’s CSS Reset - 最受欢迎

> 据说这个是外国业界最受欢迎的复位代码，小邪也在很多牛叉的主题上面看到过。
> 唯一的缺点就是有点儿大，所以使用哪种复位代码还是需要靠自己斟酌一下。

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  vertical-align: baselinebaseline;
  font-family: inherit; font-weight: inherit; font-style: inherit;
  font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;
}
:focus { outline: 0; }
body {
  background: white;
  line-height: 1; color: black;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {
  font-weight: normal; text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

6. Condensed Meyer Reset - 上面代码的精简

> 这段代码是某位国外高手对上面代码做了精简的版本，也是蛮不错的喔。

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;margin: 0;
}
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal; font-style: normal;
}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; font-size: 100%;
}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

二. 灰常简单的去除数组重复元素的方法：

> 就这么一行代码就可以搞定了，小邪碰巧在网上某处见到过，刚刚突然想起来。
> 然后经过自己的验证，发现方法完全可行，就立马共享给大家。

array_flip(array_flip($array));

> Array_flip 函数的作用是把一个数组里面所有的键名和值进行相互的调换。
> 比如有一个像这样子的数组 'id' => 1, 'user' => 'evlos', 'name' => 'evlos'。
> 被这个函数调换后就是 1 => 'id', 'evlos' => 'username', 'evlos' => 'name'。

语法：array_flip(array) --> Array 必需。规定输入的数组。

> 而上面的是不可能出现像这个样子的结果的，因为出现了两个相同的键名。
> 而在 PHP 里有一条规则就是 - 不允许出现重复的键名，嘿嘿嘿嘿。
> 所以重复的值就被清除了，然后咱们把它们换回来，就搞定鸟，哇咔咔。

三. Flickr 无法访问的现象：

> 杯具，小邪刚刚费了好大的劲才把 280 多张图片的链接都换成了 Flickr 的链接。
> 现在居然出现 第三眼 和 Kaisir.Wang 两位盆友无法访问的情况。
> 惨鸟，孔子曰过：“春哥保佑！”。请给小邪一点时间，小邪得再找个好图床了。

> P.s. 麻烦看不到图的盆友跟小邪说一声，小邪好有个大概的了解，谢谢。

四. 转移至Godaddy图床：（Update at 2010.01.12）

> 呵呵，现在爽多了，带宽 300,000 MB，空间 10,000 MB，有点儿吓人。
> 反正小邪也没搞清楚是月流量、年流量还是永久限制，反正基本上都够用了呢。
> 嘿嘿嘿，欢迎大家随便刷新和到处去翻，小邪的菠萝阁终于站起来了 。