虚度人生

导航

随笔分类 -  每周一问

css如何实现换行
摘要:看了一下日历,发觉想要在保证质量的前提下同时保证更新的频率很难,工作,学习,懒惰等等各种原因,好歹每周一问还坚持着,希望等这一阵子的技术文章学完之后,能提高一点产量。如题,用html,css如何实现换行。偷偷看一下答案其实网上相关文章非常之多,其实关键点在于对word-wrap,word-break这几个样式的理解,话不多说,直接上代码。道可道非常道名可名非常名无名天地之始有名万物之母 abcde... 阅读全文

posted @ 2010-03-23 17:06 nozer0 阅读(333) 评论(0) 推荐(0)

css如何实现垂直居中
摘要:如题,用html,css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto,但是margin只是相对宽度有效。偷偷看一下答案分两种情况:fix height:即垂直居中的元素高度已知,这个比较简单,也不需要额外的辅助元素。i'm Mr. Middle. 运行代码variable height:居中元素高度可变,这个需要额外的一个wrapper元素,用table-cell的方式... 阅读全文

posted @ 2010-03-18 09:16 nozer0 阅读(391) 评论(0) 推荐(0)

如何实现shadow
摘要:如题,如何相对完美的在几大主流浏览器中实现相似的shadow效果?偷偷看一下答案分两种情况:text-shadow:从ff3.5,safari1.1,opera9,chrome2开始,支持text-shadow:color offX offYblur属性,ie的话可以用filter:progid:DXImageTransform.Microsoft.Shadow(color,direction,s... 阅读全文

posted @ 2010-03-09 16:37 nozer0 阅读(392) 评论(2) 推荐(0)

x === x?
摘要:如题,范围js,x可以用任何东东代替,给出答案。偷偷看一下答案答案是不确定,那到底那个奇妙的x会使得恒等式不成立呢,卖个关子,各位看官不妨猜测一下。 阅读全文

posted @ 2010-03-03 10:05 nozer0 阅读(281) 评论(2) 推荐(0)

不听话的height
摘要:先看具体代码<!DOCTYPE HTML><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="cache-control" content="no-cache" /><style>&... 阅读全文

posted @ 2010-02-23 10:20 nozer0 阅读(342) 评论(4) 推荐(0)

Think You Know Javascript? (2)
摘要:这次是14题,比上回的6题看了更闹心,希望不管有没有做对都去思考一下为什么答案是这个,是否真正掌握。quiz个人觉得没有没有完全答对的都要对这个题目回答Oh, No!!! 阅读全文

posted @ 2010-02-10 10:07 nozer0 阅读(213) 评论(0) 推荐(0)

比较搞笑的js陷阱题
摘要:今天看到一段代码,比较有意思,本周就再多加一问。看如下代码:  var a = function(t) { return t; }  (1 + 2).toString();  alert(a);结果是多少?偷偷看一下答案其实主要问题出在第一行后面没有分号,所以其实是var a = function(t) { return t; }(1 + 2).toString();先建立变量a,然后执行赋值语句... 阅读全文

posted @ 2010-02-04 17:32 nozer0 阅读(331) 评论(0) 推荐(0)

you think you know javascript
摘要:zaka在twitter发的回答Baranovskiy的So, you think you know JavaScript?,引起广泛的关注。那5道题目我猜测在国内确实能倒下一大片搞js开发的,一直以来感觉牛人不少,但也有为数不少的程序员缺乏脚踏实地的精神,缺乏钻研的精神,希望能让一部分人有所警醒。摘抄原文如下:Quick test for real understanding of JavaSc... 阅读全文

posted @ 2010-01-31 17:30 nozer0 阅读(308) 评论(3) 推荐(0)

不屈服的div
摘要:先看具体代码,在IE下运行试试<!DOCTYPE HTML><html><head></head><body><div id="never_give_up" style="width:100px;border:1px solid"></div></body></html> 运行代码假如你的i... 阅读全文

posted @ 2010-01-29 15:56 nozer0 阅读(284) 评论(0) 推荐(1)

有哪些css hack
摘要:请列举能区别不同浏览器,不同模式,不同系统的各种css hack,并说明其用途。可参看以讹传讹的css hack,会陆续进行补充修改。 阅读全文

posted @ 2010-01-21 17:34 nozer0 阅读(138) 评论(0) 推荐(0)

如何实现footer自动适应的页面布局
摘要:如下:headsidemainfoot当内容较少,没有超出窗口大小时,foot始终处于窗口底部,无滚动条当内容较多,超出窗口大小时,foot位于整个文档底部,出现滚动条。解:头痛的layout头痛的layout (2) 阅读全文

posted @ 2010-01-11 14:12 nozer0 阅读(544) 评论(2) 推荐(1)