banquet 012

23
Koubei F2E 饺子 2009.12.9

Upload: koubei-ued

Post on 12-Jul-2015

293 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Banquet 012

Koubei F2E 饺子

2009.12.9

Page 2: Banquet 012

Google logo纪念大力水手作者 E.C. Segar 诞辰 115 周年---- 埃尔齐·克赖斯勒·西格(Elzie Crisler Segar,1894年12月8日-1938年10月13日)

Page 3: Banquet 012

面还是被面

Page 4: Banquet 012

CssHtmlJs

几个有意思的名 词解释

1

Page 5: Banquet 012

1、Cascading Style Sheets 层叠样式表

2、Content Scrambling System DVD电影的加密系统

3、Cast Semi-Steel 半铸钢, 钢性铸铁

4、College Scholarship Service 大学奖学金处

5、counter strike:source

css

1

Page 6: Banquet 012

1、how to make love

2、how to make lady

3、HyperText Markup Language

html

Page 7: Banquet 012

1、奸商

2、javascript

js

Page 8: Banquet 012

http://lifesinger.org/blog/2008/12/f2e-and-worker/

前端 === 民工???

Page 9: Banquet 012

http://paulirish.com/2009/browser-specific-css-hacks/

Css hack我们的目标是没有hack

Hack是一种态度

Page 10: Banquet 012

来两个其他公司的面 试题

Page 11: Banquet 012

要求:1、3列等高,不可以背景图片平铺

2、Main列先显示出来

Page 12: Banquet 012

使用纯CSS实现未知尺寸的图片(但高宽都小于200px)

在200px的正方形容器中水平和垂直居中。

图片居中

Page 13: Banquet 012

关键点

#container .column { padding-bottom: 3000px;/*设置一个足够的下边填充,使得高度相对较矮的box可在视觉上延伸其高度*/

margin-bottom: -3000px;/*设置一个与其设置的下边填充数额相等的反向下边边距,使得其在布局上维持相对合理状态*/

}

Page 14: Banquet 012

.box { display: table-cell;vertical-align:middle; width:200px; height:200px; text-align:center; /* hack for ie */ *display: block; *font-size: 175px; /* end */border: 1px solid #eee;} .box img { vertical-align:middle; }

Page 15: Banquet 012

.box a{text-decoration:none;}

Page 16: Banquet 012

个人blog:http://people.opera.com/howcome/

Opera首席技术官哈肯·维姆莱( Håkon Wium Lie)

1994年,Håkon Wium Lie提出了层叠样式表的概念,并于当年10月提交了他的样式表建议——Cascading HTML style sheets。1996年12月,他亲自主持并以他的建议为基础创建的Cascading Style Sheets, level 1,正式成为W3C的推荐标准。2005年 层叠样式表论文 (为之漫笔翻译ing) http://people.opera.com/howcome/2006/phd/http://www.cn-cuckoo.com/css/thesis-of-Hakon-Wium-Lie/

Page 17: Banquet 012

1. 使用css 缩写

2. 明确定义单位,除非值为0

3. 区分大小写4. 取消class和id前的元素限定

5. 默认值

6. 不需要重复定 义可继承的值

7. 最近优先原则

8. 多重class定 义

9. 使用子选择器(descendant selectors)

10. 不需要给背景图片路径加引号

11. 组选择器(Group selectors)

12. 用正确的 顺序指定链接的样式

13. 横向居中(centering)

14. 不需要给背景图片路径加引号

15. 组选择器(Group selectors)

16. 用正确的 顺序指定链接的样式

http://www.w3cn.org/article/translate/2005/104.htmlhttp://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/清除浮动

"CSS tips and tricks

"CSS tips and tricks

Page 18: Banquet 012

BTBTChina已经死了

影视帝国、VeryCD、猪猪乐园、圣城家园、飞鸟影苑、人人影视、CHD联盟、伊甸园?

Page 19: Banquet 012

Google Me

http://www.googlemethemovie.com/http://www.snagfilms.com/films/title/google_me/

Page 21: Banquet 012

经典的流程图

http://yslove.net/2009/11/i-love-flow-chart/

Page 22: Banquet 012

向翻译的同学致敬你们辛苦啦

你们在做一件神圣并且造福后代 的光荣工作

Page 23: Banquet 012

THX