今天在昨天的基础上，介绍比较冷门的css知识，关于常用的css知识，可以看http://www.haorooms.com/post/css_common
通过设置style标签的display:block样式可以让页面的style标签显示出来，并且加上contentEditable属性后可以让样式成为可编辑状态，更改后的样式效果也是实时更新呈现的。此技巧在IE下无效。大家不妨演示一下！
<!DOCTYPE html>
<html>
<body>
<style style="display:block" contentEditable>
body { color: blue }
</style>
</body>
</html>上一节我介绍了mailto: HTML e-mail 链接，虽然不是什么很新的技术，但是也可以说是前端的冷技术，用的人比较少，因此，知道的就相对少了一些。
今天在昨天的基础上，继续介绍一些前端冷知识，今天主要介绍html篇。
这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：
javascript:alert("我是从haorooms博客浏览器上面出来的！")注意，执行javascript代码，要在浏览器中手工输入，复制代码的话，IE及Chrome会自动去掉代码开头的javascript:，所以需要手动添加起来才能正确执行，而Firefox中虽然不会自动去掉，但它根本就不支持在地址栏运行JS代码！！
mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。但是需要你电脑中安装默认的E-mail软件，类似Microsoft Outlook等等。加入您已经安装了Microsoft Outlook，那么直接点击mailto链接就可以获得默认设置的邮件信息。
mailto 链接一般是写在herf当中的，相信很多朋友之前都用过！
<a href="mailto:name@email.com">Email</a>从浏览器输入 URL 到页面加载完的过程中都发生了什么事情？这是一个复杂的过程，但是对于了解浏览器的工作原理有一定的帮助，参考网上的资料，我今天简单的介绍一下！
一、把URL分割成几个部分：协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机，可以是域名或者IP地址，可以包括端口号；协议是从该计算机获取资源的方式，常见的是HTTP、FTP，不同协议有不同的通讯内容格式；资源路径指示从服务器上获取哪一项资源。
例如：http://www.haorooms.com/post/css_div_juzhong
协议部分：http
网络地址：www.haorooms.com
资源路径：/post/css_div_juzhong我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。
如上图，固定高宽的很简单，写法如下：