杀手级的全球Css Reset整理[转]

Filed under: 未分类 | No Comments »
Posted on

原文请点击此处

Css Reset是什么? 有些同行叫 “css复位”,有些可能叫 “默认css”…..
相信看完全文您会对Css Reset有个重新的认识

原文地址: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定”Css Reset”也是为了兼容与统一,
正确有效的使用”Css Reset”可以在某种程度上节约时间与金钱.

非常感谢Perishable的整理与归纳

下面是关于几类Css Reset的简单介绍,本人能力有限.只能理解大概意思,还请各位看官见谅
_________________________

Minimalistic Reset [ Version 1 ]
相信这一段你经常看到.而且也是我们经常用到的

 

引用内容 引用内容

* {
padding: 0;
margin: 0;
}

Minimalistic Reset [ Version 2 ]
border:0的设计有些不靠谱了

 

引用内容 引用内容

* {
padding: 0;
margin: 0;
border: 0;
}

Minimalistic Reset [ Version 3 ]
当然这个也是不推荐的.会跟某些默认样式有冲突

 

引用内容 引用内容

* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}

_________________________

Condensed Universal Reset
这是作者当前比较钟意的一种写法.保证了相对普遍浏览器样式的统一性.

 

引用内容 引用内容

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

Poor Man’s Reset
其实这也是我们常用的一类Css Reset.对字体的大小复位,以及图片链接的边框处理.
也经常在某些站点看到

 

引用内容 引用内容

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

_________________________

Shaun Inman’s Global Reset
作者认为Shaun写这类的Css Reset是有某种目的性.
而且这类规则是针对的是某些重要的常用浏览器.
比如ie,firefox等

 

引用内容 引用内容

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

_________________________

Yahoo CSS Reset
yahoo这帮家伙写的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;
}
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;
}

_________________________

Erik Meyer’s CSS Reset
作者将Erik Meyer的代码重新整理了.但功能上还是一样的
这套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: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
/* tables still need cellspacing=”0″ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (”) from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}

_________________________

Condensed Meyer Reset
总的来说这是对Erik Meyer的Css 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;
}

最后有份关于Css Reset的使用者调查
http://css-tricks.com/poll-results-what-css-reset-do-you-use/

爆强失恋诗[转]

Filed under: 狐乱翻翻 | No Comments »
Posted on

何故

昨日暮

偶遇见她

把纤纤玉手

交那衰人牵住

盈盈笑语左右顾
神采飞扬凌波微步

美眸中一片深情倾注

似前年与我同在湖畔路

也这般附耳交顾低语倾诉

如今见我头也不点形同陌路

我发现自己旧情难忘六神无主

两眼痴呆双脚生根心内如被汤煮

像我这么优秀的男子她总嫌我老土

那土鳖相貌恶心行止猥琐她爱他粗鲁

女孩子搞不清她想什么我越琢磨越胡涂

明知道她与自己不合适想忘记她另起灶炉

到头来都只能是剪不断理还乱最终于事无补

兄弟我长这么大从来没怕过谁却栽给了这个主

看来是上辈子欠她很多钱早知如此就不该和她堵

碰上她算我倒霉下次说什么也得找个温柔姑娘相处

总算明白这世上漂亮不能当饭吃往往还让你难堪重负

从现在起踏踏实实勤勤恳恳谦虚谨慎待人有礼爱护公物

切记过马路左右看要走人行斑马线要想富少生孩子多种树

化悲痛为力量一边努力学习一边时刻准备着开发祖国大西部

大丈夫何患无妻没有了你虽然孤独但也使我从此不再一叶障目

这也使我好好反思为什么会失败总结经验教训继续探索革命道路

我会遇上好姑娘没命地追她想她爱她决不放过她不管她属虎还属兔

回贴

这个有志青年是个好同志失恋了不失魂落魄自暴自弃颇有男儿气度

他虽然遭遇了现代女陈世美被无情抛弃但没有怪命也不埋怨对方

反而擦亮眼睛激发斗志将其丑恶行径卑鄙嘴脸进行了深刻揭露

再次论证了阶级斗争将会在一定范围内长期存在的精辟论述

展望了初级阶段革命尚未成功同志仍需努力这条基本道路

尤其难能可贵的是该同志认真反省自己并触动灵魂深处

认识到过去在湖畔漫步是小资产阶级情调的严重错误

险些为漂亮的外表所迷惑中了糖衣炮弹的惯用招数

理论联系实际痛定思痛如梦方醒才知道差点迷途

漂亮不能当饭吃漂亮不是本质不是革命的全部

语言虽然通俗但体现了有志青年的朴实感悟

批评与自我批评言辞感人真可谓发自肺腑

并萌发修身齐家治国平天下的远大抱负

体现了由此及彼由表及里的思想反复

像他这么优秀的青年怎么能说他土

自然是徒具外表的女人有眼无珠

天涯何处无芳草佳丽不问出处

好马不吃回头草旧情勿枉顾

兔子不吃窝边草以为三窟

百步之内必有芳草无数

也许有天她变成弃妇

才会想起你的好处

再回来找你倾诉

一切已经太晚

你也有今天

一屑不顾

不理她

扮帅

靠不住??[转]

Filed under: 狐乱翻翻 | No Comments »
Posted on

看完《苹果》发现,男人靠不住
看完《色戒》 发现,女人靠不住
看完《投名状》发现,兄弟靠不住
看完《集结号》发现,组织靠不住
看完《妈妈再爱我一次》发现,老爸靠不住
看完《新警察故事》发现,儿子靠不住
看完《满城尽带黄金甲》发现,老婆老公靠不住
看完《红楼梦》发现,祖母和嫂子也靠不住
看完《西游记》发现,师傅靠不住
看完《霍元甲》发现,徒弟靠不住
看完《无间道》发现,警察靠不住
看完《水浒》发现,领导靠不住
看完《肖申克的救赎》发现,出纳靠不住
看完《史密斯夫妇》发现,公司也是靠不住的
看完《无极》发现,馒头靠不住
看完《青蛇》发现,动物靠不住
看完《越狱》发现,牢房靠不住
看完《阳光灿烂的日子》发现,避孕套靠不住
看完《午夜凶铃》发现,电话靠不住,电视更靠不住
看完《疯狂的石头》发现,国际高手是靠不住的
看完《长江7号》发现,地球人靠不住
看完《变形金刚》发现,外星人也靠不住
看完《黑客帝国》发现,一切现实都靠不住

结论:只有“我”靠得住
简称:我靠!!!

相册:2008/1/1国家大剧院

Filed under: 狐狸胡图 | No Comments »
Posted on

2008/1/1国家大剧院

IMGP6264

IMGP6271

IMGP6280

IMGP6298

IMGP6299

IMGP6251

2008国家大剧院

Filed under: 狐狸胡图 | No Comments »
Posted on

元旦三天假期本想出去走走,结果天公不作美,头两天的风那叫一个大。 只能在家呆着

不过进入2008天气立马好转,可能是头两天刮风的缘故,空气清新了许多,天空显得那么的蓝,虽然还是有点风,下午还是出去拍了些东西。

多图lightbox测试

Filed under: 狐狸胡图 | No Comments »
Posted on

8v24950.jpg

aaaaaaaaaaaaaaaaaaaaaaaaa


92469.jpg
84548.jpg

http://cache.tianya.cn/publicforum/content/funinfo/1/1060356.shtml

单一大图lightbox测试

Filed under: 狐狸胡图 | 4 Comments »
Posted on

92469.jpg

追帐~~~~

Filed under: 狐说乱道 | No Comments »
Posted on

有时间不更新我的流水账了,从九月份开始msn空间一直不怎么稳定,几次都想把空间转移了,想想还是算了,以后有时间把这几个月的东西补一下,还好都有些记录

9月23日 北海

和朋友约了一起去北海拍照,路上和等人的时候也拍了些东西。

写在感恩节

Filed under: 狐说乱道 | No Comments »
Posted on

不知不觉又过了零点,11月22日,2007年11月的第四个星期四,Thanksgiving Day,虽然美国的节日,也借此机会, 感谢我的亲人,感谢我所有现实中和网络上的朋友,感谢大家所给我的帮助和支持,感谢大家对我的理解,祝你们感恩节快乐。

(11.10拍于圆明园)

京城半日游

Filed under: 狐朋狸友 | No Comments »
Posted on

带着路痴逛街的确是个很省心的事,今天的感觉就是如此,不用操心人会丢,路痴会紧紧盯着你的,起码我带的路痴是这样。

一个头一次来北京的上海朋友,加上一个在北京又哪都没去过朋友,带着他们俩一路从鼓楼——后海——北海——故宫——天安门——西单。大半天转了这么几个地方,简单的了解了部分北京的风景,初冬的北京小嗖风风的吹着,虽然阳光灿烂,寒意还是很浓的,背着相机出去,也没拍几张照片,俩字儿“冻手”,也让上海朋友简单的体验了下北方的冬季。

路上也去鼓楼旁的炒肝店吃了点传统小吃,炒肝、卤煮、炸咯吱、炸灌肠,时间的缘故,朋友傍晚回上海的飞机。

没来的急带他们去尝尝爆肚、茶汤、豆汁儿焦圈、奶酪、褡裢火烧还有更多的传统北京小吃,也没有转更多的地方,以后有机会吧,呵呵。

初冬

clip_image002