功能简述 一般翻译软件都有划词翻译功能，例如有道桌面词典的桌面划词翻译功能： 在 web 页面上，我们也是可以实现类似的效果的：划词 → 显示提示 → 分享。这就是本文要展示的内容。 效果与 demo 结语及补充 其实呢，此方法不仅支持新浪微博，支持企鹅微博（腾讯微博），狐狸微博（搜狐微博），也是可以的，只要根据各个微博分享页面的 API 地址，将 window.open()中的地址换换就可以了。 »

一些常见不必要 CSS 样式 与默认 CSS 样式一致 我们有时候写的 CSS 样式会与浏览器默认的 CSS 样式一致，有时候您自己都可能没有意识到。 常见的例子有： width / height 很显然，这段样式是没有必要的，默认的任何块状元素的高度几乎都是 auto。 padding 上面有关 body,p 等标签的样式中有个样式是无效的，与默认值一致的，这个样式就是 padding:0，对于 body,p,h1~6 这些标签，本身的 padding 值就是 0，所以只需要 margin:… »

API 目前页面可见性 API 有两个属性，一个事件，如下： document.hidden: Boolean 值，表示当前页面可见还是不可见 document.visibilityState: 返回当前页面的可见状态 hidden visible prerender preview visibilitychange… »

解析差异 上面一行是 11.9 像素大小的文字，下面一行是 11.4 像素大小的文字，看看各个浏览器下都表现得怎么样： IE6 浏览器下（IE 下与此表现一致，避免重复，IE7 下图略） Firefox 浏览器下 chrome 浏览器下（Safari 同内核，同表现） 当文字大小 11.9 像素时，IE6 和 Firefox 等浏览器的表现是不一致的。IE6 下显示的是 11 像素大小的文字效果，而 Firefox 等 w3c 标准的浏览器则 1… »

背景色 一般情况下，我们 css 控制的最高节点就是 body，例如设置： body 作为一个根节点起作用了， 标签未被激活，body 担当类似于根节点的节点，其 background 背景色被浏览器俘获，浏览器界面背景色为 background 的背景色 按照对一般标签的理解，100 像素的外边距应该不含有背景色的，然而显示的结果是（Firefox 下表现与此类似）： 一旦设置了 节点的 background… »