摘要：
在 HTML 中， iframe 元素用于在网页中嵌入其它网页的内容，例如：其中，iframe 的 src 属性指明要显示的其它网页的地址，而标签中的内容仅在浏览器不支持 iframe 时显示。对于 iframe 元素，有一些需要注意的问题。首先，从它的名称（inline frame）中可以知道，它是 inline 元素，因此如果要让它填满整个 block 元素，需要设置 iframe 的样式为 display: block。比如下面的例子：这个例子中，由于 iframe 默认是 inline 元素，默认它会放在基线之上，而基线之下还有一定高度（即 descender 部分）所以它会溢出了。因 阅读全文
摘要：
CSS 的选择器有很多类型，我们将常用的这些列表如下：一、CSS 选择器的类别1. 基本选择器基本选择器解释备注*通用选择器，匹配所有元素CSS2E元素选择器，匹配类型为 E 的所有元素CSS1.foo类选择器，匹配 class 属性包含 "foo" 的所有元素CSS1#barID 选择器，匹配 id 属性等于 "bar" 的惟一元素CSS12. 组合选择器组合选择器解释备注E, F多元素选择器，匹配 E 和 FCSS1E F后代选择器，匹配 E 的后代 FCSS1E > F子元素选择器，匹配 E 的子元素 FCSS2E + F相邻选择器，匹配紧随 阅读全文
摘要：
在 Android 和 iOS 等触屏设备中，如果网页中某元素设置 overflow: auto 或者 overflow:scroll，那么问题就来了。在 Android 3.0 之前以及 iPhone OS 3.0 之前的自带浏览器中，你无法用手指拖动该元素所在区域，这样就相当于 overflow: hidden 了。在 Android 3.0 中，这个问题解决了，但是该溢出区域不会显示滚动条。而在 iPhone OS 3.0 中这个问题却是以另一种方式解决：我们只能用两个手指拖动溢出区域，而且该区域同样不会显示滚动条。一直到了 iOS 5.0，苹果公司才完整解决了这个问题，这时候可以单指拖 阅读全文
摘要：
在使用 AJAX 方式更新页面内容后，页面的 URL 并没有改变，因此用浏览器的前进和后退无法切换这些不同的页面状态。这个问题利用 HTML5 的 history API 可以完美地解决。HTML5 history API最简单的例子如下：if (history.pushState) { var state = {page: 2 }; history.pushState(state, "title", location.href + '#2'); window.onpopstate = function(event) { console.log(event. 阅读全文
摘要：
Rsync 是一个文件和目录同步工具，它通过计算发送端和接收端的文件各部分校验和，可以只同步文件的改动部分。Rsync 的基本用法如下：rsync [OPTION] SRC [SRC] [USER@]HOST:DESTrsync [OPTION] [USER@]HOST:SRC [DEST]其中 SRC 为源路径，而 DEST 为目标路径，USER 和 HOST 分别为用户名和密码。前一种用法将本地目录文件上传到服务器目录，后一种用法从服务器目录下载文件到本地目录。例如：rsync -avz --delete /root/foo/ user@example.com:/root/bar/rsyn 阅读全文