块格式化上下文 BFC (Block Formatting Context)

BFC像一个箱子(一块独立的渲染区域),内部元素不受外部影响,拥有自己的渲染规则. 参考 CSS中的BFC规则 理解CSS中BFC 创建BFC 符合以下条件的元素会创建BFC 1 根元素 2 float: left | right 3 position: absolute | fixed 4 display:inline-block | table-cell | table-caption | flow-root 5 具有overflow属性,且值不为visible 6 column-span:all BFC规则 1 浮动元素参与容器高度计算 2 BFC 内部元素不受外部影响,反之...

清除inline-black元素间的缝隙

行内块元素间存在一定的空隙,可使用下列方法清除 1 删除两个元素标签间的空白符 <button>测试</button><button>测试</button> 测试测试 2 利用注释 <button>测试</button><!-- --><button>测试</button> 测试测试 3 设置容器属性 font-size: 0 <div style="font-size:0"> <button style="font-size:...

width: 100%相对于谁计算

当元素处于普通状态和拥有属性absolute时,其百分比宽度的计算的参照对象不相同. .box { width: 150px; height: 150px; background: yellow; border: 10px dashed black; position:relative; padding:10px; } .child { width: 100%; height: 100%; background: bl...

hexo windows安装

hexo是一个可以运行在Github上的静态博客框架,支持Makedown

安装

安装hexo前需安装以下程序
node Git

安装hexo

1
npm install -g hexo-cli

初始化

1
2
3
4
5
6
// 新建文件夹,通过 cd命令进入博客文件夹
cd 文件夹路径
// 初始化博客
hexo init
// 安装依赖
npm install

本地预览

1
2
3
4
5
6
7
// 生成静态文件
hexo generate

// 启动服务
hexo server

// 打开 http://localhost:4000