Pivot Code

说谎——林宥嘉

可能我们一生中有过太多的谎言 那些谎言也已经在时间的流逝中淡忘 淡忘的都记不清楚当初说了些什么 又为什么而说 很长时间以后 我们依然继续着生活 继续着故事 继续着谎言 当有一天我们发现 一个说出口的谎言 无法挽回时 同时无法挽回的 还有一样东西 那个东西叫做 爱 END MingsenLiu

CSS3兼容代码生成器——css-please 18

CSS3和HTML5是web技术发展以来的又一次革命,然而如今的浏览器都不能完全的支持CSS3,有些浏览器则是通过自己的特有属性来支持部分CSS3的属性。更可气的是,占有浏览器最多份额的IE对CSS3的支持更是捉襟见肘,不过好在微软官方提供了一些特有滤镜来填补这些技术空白,然而这些特有属性对于我们前段开发人员来说不便于记忆,于是我们就需要用到这个网站来帮我们生成跨浏览器的CSS3属性了。 CSS Please是一个在线生成跨浏览器的CSS3代码生成器,通过它可以生成已支持CSS3属性的浏览器兼容性代码。 以下是我整理的中文翻译版本: 地址:http://www.pivotcode.com/demo/css3compatibility/css3compatibility.html 示例: 这是英文原版地址:http://css3please.com 此程序参考源来自《前段观察》:http://www.qianduan.net/css3-please.html

css-reset

CSS重构(CSS Reset)

顾名思义,css重构就是重设浏览器的表现样式。为什么要重构呢?因为浏览器样式在不同的浏览器渲染下的默认显示各有不同,为了我们在开发中能够让项目在所有浏览器下的显示效果是一样的,所以在开发之前我们要按照自己习惯的方式来重构CSS代码。 那么我们需要怎样的习惯呢?这个还是要靠自己在项目中积累了。以前我在初学时也是复制别人的CSS Reset代码,然后再进行自己的项目,可是有的时候我发现有些没必要重构的样式在之前重构掉了,在单独到一个样式定义时,我还需要给他重新写上,而且,在不同的项目下的重构样式也会各不相同,例如一个图片网站和一个博客网站。因此,我往往都是简单的重构一些必须的样式,后期用到需要重构的额外再写,因此我的习惯就是随用随加。 今天在博客园里看到了一篇文章中的十个重构的例子。接下来就是剽窃的内容了: 一、Generic Reset CSS * { padding: 0; margin: 0; border: 0; } 这也是一款CSS Reset的方法,让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法,也是最简单,最安全的方法,不过,也是最占用资源的方法。对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,刚需要有选择地进行CSS重设,以减少资源浪费。 二、Ateneu Popular CSS Reset html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, [...]

CSS五个常见却不常用的属性

这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此之大的用途。 1、CSS Clip 剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素:你必须指定其 position 属性为 absolute,然后指定相对于元素的 top,right,bottom,left 值。 图片剪辑实例 以下示例演示了如何使用 clip 属性掩盖一张图片。首先,指定 <div> 元素为 position:relative,然后指定 <img> 元素为 position:absolute,并且根据实际需要设定 rect 值。 .clip { position: relative; height: 130px; width: 200px; border: solid 1px #ccc; } .clip img { position: absolute; clip: rect(30px 165px [...]

庚寅,二十一,惊蛰

惊蛰,日行黄经三百四十五度,温回,雷动,眠觉醒,觉春。 公元二零壹零年正月二十一,惊蛰日,北京,晴,微风,略寒。 时间继纪元后的第两千零一十个年头之后继续,时间继第四万八千二百一十九个节气后继续。时间继我此世第二十三个年头零六十五天之后继续…… 庚寅,二十一,惊蛰,记

Hello World!

某程序员对书法十分感兴趣,退休后决定在这方面有所建树。于是花重金购买了上等的文房四宝。一日,饭后突生雅兴,一番磨墨拟纸,并点上了上好的檀香,颇有王羲之风范,又具颜真卿气势,定神片刻,泼墨挥毫,郑重地写下一行字:hello world.

life

人生中八大经典问题

问题一, 如果你家附近有一家餐厅,东西又贵又难吃,桌上还爬着蟑螂,你会因为它很近很方便,就一而再、再而三地光临吗? 回答:你一定会说,这是什么烂问题,谁那么笨,花钱买罪受? ~ 可同样的情况换个场合,自己或许就做类似的蠢事。 不少男女都曾经抱怨过他们的情人或配偶品性不端,三心二意,不负责任。明知在一起没 什么好的结果,怨恨已经比爱还多,但却“不知道为什么”还是要和他搅和下去,分不了手。说穿了,只是为了不甘,为了习惯,这不也和光临餐厅一样? ——做人,为什么要过于执著?! 问题二, 如果你不小心丢掉100块钱,只知道它好像丢在某个你走过的地方,你会花200块钱的车费去把那100块找回来吗? 回答:一个超级愚蠢的问题。 ~ 可是,相似的事情却在人生中不断发生。做错了一件事,明知自己有问题,却*也不肯认 错,反而花加倍的时间来找藉口,让别人对自己的印象大打折扣。被人骂了一句话,却花 了无数时间难过,道理相同。为一件事情发火,不惜损人不利已,不惜血本,不惜时间, 只为报复,不也一样无聊? 失去一个人的感情,明知一切已无法挽回,却还是那么伤心,而且一伤心就是好几年,还 要借酒浇愁,形销骨立。其实这样一点用也没有,只是损失更多。 ——做人,干吗为难自己?! 问题三, 你会因为打开报纸发现每天都有车祸,就不敢出门吗? 回答:这是个什么烂问题?当然不会,那叫因噎废食。 ~ 然而,有不少人却曾说:现在的离婚率那么高,让我都不敢谈恋爱了。说得还挺理所当然 。也有不少女人看到有关的诸多报道,就对自己的另一半忧心忡忡,这不也是类似的反应 ?所谓乐观,就是得相信:虽然道路多艰险,我还是那个会平安过马路的人,只要我小心 一点,不必害怕过马路。 ——做人,先要相信自己。

杀死IE6

IE6固定定位position属性fixed BUG 3

当需要把一个元素永远固定在浏览器的一个位置的时候,那么就需要用到position的fixed属性。然后用top和left设置元素的位置。 这个效果也应用在人人网的个人首页底部的工具栏。 常去人人网的朋友肯定会发现,如果用IE6浏览器访问人人网的话,这个工具条以前是不存在的。后来,人人已经通过js实现此功能,但是它的效果和正常浏览器下访问是不同的,即每当拖动滚动条它就会隐藏,当停止时再出现。所以,值得肯定的是IE6不支持这个position的fixed属性。 这个问题也一直都在困扰着我,因为我一直都在想把这个效果实现在我的一个项目上,而又避开使用javascript。

同时滚动的滚动条 1

左右同时滚动的滚动条,很实用的功能,用于左右对照。以下是代码: window.onload=function(){ var leftDiv=document.getElementById("divleft");//获取左侧div的id var rightDiv=document.getElementById("divright");//获取右侧div的id //当右侧滚动条滚动时,左侧滚动条的位置等于右侧滚动条位置 rightDiv.onscroll=function(){ leftDiv.scrollTop=rightDiv.scrollTop; } //当左侧滚动条滚动时,右侧滚动条的位置等于左侧滚动条位置 leftDiv.onscroll=function(){ rightDiv.scrollTop=leftDiv.scrollTop; } } 示例

刘铭森

Vidar Liu