CSS中用百分比(数)进行背景图片定位

此文为后来的教程做铺垫,转自这儿。百分数定位很有意思,可以实现非凡的效果。

大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。例如希望背景图片水平居中,距离容器顶部20px,可以使用

background-position: 50% 20px;
之所以不使用


background-position: center 20px;

是因为类似这种描述性词语和数值混用的形式不被W3C推荐。(单纯的描述性词语组合使用是没有问题的,例如:background-position: right bottom;)阅读全文...

使用百分比进行定位的好处是可以利用CSS的计算功能,达到px定位所难以完成的任务。例如在一个宽高均为300px的容器中,使用


background-position: 150px 150px;
可以看到背景图片的左上角顶点(坐标0,0)定位到了齐容器的中心点(坐标150px,150px)。




而把150px替换为50%,使用

background-position: 50% 50%;

看到的并不是如下的效果



而是这样



可见,CSS计算出了背景图片的中心点。这也可以解释为什么我们在使用

background-position: 100% 100%;


定位的时候,图片被放置在容器的右下角,而并没有跑出容器。(如果使用 background-position: 300px 300px; 的话,背景图片会被移出容器)

同样,如果使用

background-position: 20% 20%;

会将背景图片的坐标点(20%,20%)定位到容器的坐标点(20%,20%)。

发放Joost邀请

晚上又看了一个,得到了999个邀请,之前留言的朋友会一会发邀请给你,若还有想要的朋友请留言。

已停止

谷歌兴衰

谷歌兴衰 原文 水平有限,见谅。

请注意;这是一个(严格假想的)Google粉丝的梦魇。

1996: Brin and Page 建立了 BackRub, 开始了现代搜索的新纪元。
1998:为了启动Google通过发行长期债券的募集了100万美元。
1999: Google有了39名员工监视每天300万的搜索。
2001: Google现在为几个国家提供了专有的域名。
2002: Google提供了Google Web API, 吸引开发人员。
2003: Google Answers把搜索提升到人工的水平上
2004: Google把Blog从网页搜索中去掉了。
2004: Googlewhacking在2004年雅典奥运会上得到了小范围的关注。
2005: Google 添加了一个昂贵的"快速提交链接" 选项。
2006: Google缓存根据美国法律被裁定不合法,因为它违反了联邦的Digital Millennium Copyright Act.Google不得不移除它。
2007: 一个美国法庭认为Google图像侵犯版权。Google把它移除了。
2008: AllTheWeb is getting better and allows complex searches.整个网络不断进步,并且允许复杂的搜索。
2009: Google蜘蛛(额外的即时蜘蛛)已经可以索引每一分钟内生成的绝大多数网页(包含文件下载),导致了严重的服务器堵塞——人们开始通过robots.txt拒绝Google的索引。
2010: Google开发了弹出式广告。
2011: Google落后于新搜索技术。 new search technologies.
2012: Brin和Page今年正式辞职。
2013: Google现在以在每次搜索顶部提供图片广告为特色
2014: AllTheWeb收购DayPop.
2014: Google通过它的地理定位功能,开始为某些特定的国家过滤内容。在Google中输入“Hiltler”,德国搜索者将得到0个结果。
2015: Google收购了Yahoo目录并且移除了DMOZ Open Directory项目。
2016: 因为Google索引Windows服务器,微软成功对Google提起控诉。同时,IE9只允许用户访问MSN搜索。
2017: Googleplex发生火灾,大火烧毁了绝大多数硬件和研究数据。幸运的,没有人员受得伤害。
2017: 一个斯坦福语言学教授给Google提供结果非常混乱的语义搜索。
2017: Google的主要赞助者变为NSA,NSA把它们的名字变更为"National Search Agency"
2018: Google上市并且进入投机股票市场。
2020: AltaVista 收购 Google Inc.
2020: GoogleVista提出一个 为每一次搜索付费的方案.
2021: GoogleVista.com变成了一个基于Flash的购物入口
2022: GoogleVista向第三方出售这些年收集的用户信息 New York Times 报道。
2023: 人们抗议:由于在线隐私问题GoogleVista被关闭。
2024: Brin和Page用他们的新专利DilbertRank新建立了一个搜索引擎,Dooogle,仅提供给Dilbert卡通在线。尽管它可能很有趣,但是Dooogle失败了。
2038: 垃圾信息迅速滋生,疯狂的投机,伪造的新闻,阴谋见解,PS过的照片,侵权的材料,裸体和网上的恶作剧。地球上的人类放弃了在线搜索,回归到书本,报纸,杂志和古老的面对面沟通。
2051: Google成为Internet历史书籍中的一个脚注。那些年长的人知道它提及 了21世纪早期当时信息真实时Google的黄金时代。而年青一代不理解。
3064: 一个外星种族发现了Googleplex废墟,把它变成它们敬拜着lava lamps的新教堂
3088: 一颗巨大的流星以毁灭性的速度接近地球,最后的一个Blog——AmazingWorldNews.com,记述了这个故事。这个网站仍旧没有被浏览过,导致人类和绝大多数动物的终结。蟑螂幸免。

如何让谷歌超越谷歌

如何让谷歌超越谷歌

Tara Calishain,,Google Hacks一书的合著者,关于Google如何提高自己的评论:
1. 为它所有的工具提供RSS供稿,如Google News。赶上类似的Daypop
2. 添加一个所有内容搜索。有时候它的确花费更多的时间相对于需要单独的一个个标签(Google news,Groups,……)的搜索。
3. 为其它服务扩展Google API,而不是仅为Google网页搜索。
4. 在SEO方面帮助信息提供者。
5. 关注人们正在用Google Web API做什么。
其它正在跟Google竞争的搜索引擎不应该设法模仿正在“超越Google的Google”:
“在时间概念非常快的Internet上,[正在超越Google的Google]是个糟糕的创意。在你觉得你已经超越过去的Google的同时,他们已经超越了自己,同时你仍然落在了后面。”

原文 水平有限,请指正。

优化外部链接

优化外部链接
响应http://google.blogoscoped.cn/?p=730翻译此文章

Jill Whalen, 自1997年始致力于SEO,下面是他对优化一个网站的一些关键词:

一个等式有两端。第一决定于你的网页是否真正的按照已给定的关键词以尽可能的最优的方式优化。(...)如果你已经竭力按范本(within the copy)内已存在的关键点进行了优化,下一步就是看看你是不是可以用这些关键词或短语来优化指向此网页的链接。

等式的另一端就是添加尽量多的高质量的具有相同关键词的外部链接。(...)

得到真正有效有质量的链接的(那些真正对你有用,可以给你带来流量的链接)最好的方法就是建立一个值得别人链接的网站。当然,这不是很容易,不是一朝一夕就可以做到的。(...)

[People]去链接那些提供有影响力的信息和看起来在这一领域比较权威的网站。要变得权威,你需要证明你知道你正在谈论的什么。
-- Jill Whalen, Optimized Copy Still Not Ranking Well (High Rankings' Advisor Newsletter), 2003-06-09
原文 鄙人水平很烂,烦请多多指教。

Joost邀请无限?

早上看到cnBeta上说Joost用户有无限个邀请,可是我检查了一下却没有。想要Joost的可以搜索一下看看别人有没有,也可以留言,只要有了,立即发给你。
:)