月度归档:三月 2013

Block Formatting Context是什么?

今天翻看博客时,偶然看到一个面试题,在解答过程中说到了"BFC",遂百度之.发现自己真是孤陋寡闻了.

1.Block Formatting Context 是什么?

BFC=Block Formatting Context(块格式化上下文),它是CSS中一个重要的概念,理解了它,我们也就能好的理解一些布局.下面是来自Mozilla Developer Center的定义.

A block formatting context is a part of a visual CSS rendering of a Web page. It is the region in which the layout of block boxes occurs and in which floats interact with each other.

2.触发条件

  • root元素
  • float(none以外的值)
  • position(absolute或fixed)
  • display等于inline-block
  • display等于table-cell
  • display等于table-caption
  • overflow(除了visible以外的值)
  • flex boxes(display等于flex或inline-box)

3.Block Formatting Context的作用

  1. Block Formatting Context会阻止边距折叠
  2. Block Formatting Context可以包含内部元素的浮动
  3. Block Formatting Context可以阻止元素覆盖浮动盒模型

4.更多资料

以上是一些基础概念,更详细的介绍可以在下面的链接中查看

PacketiX VPN---翻墙利器

PacketiX VPN 是一款在日本引起轰动的、4-5千家日本大公司正在使用的、由筑波大学的学生登大游利用 HTTP Tunnel 技术配合虚拟网卡与虚拟集线器(HUB)的功能所开发出来的软件。2004年4月获得日本政府的支持和资金援助,作为日本筑波大学风险投资型企业,成立了日本筑波大学下属创业公司SoftEther Corporation。

以上是网上对于 PacketiX VPN的解释,我就用一句话:一款免费,稳定的翻V墙工具。

用Html5打造文本编辑器

data:text/html, <html contenteditable>

这是html5中用到的代码,只需要在浏览器地址输入,就是出现一个简陋的文本编辑器。

鉴于此,众多网友开始扩展编辑器的功能:

NewDay 更换新域名

自从有买域名的念头一来,一直想着名字,终于定下来了,一个还算可以的名字idayer.其实也是第一个买域名,哈哈,也算一个小小的突破.