在BFC布局规则中提到内部Box垂直方向距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。 总结出margin重叠三个条件 1、属于同一个BFC 2、相邻的Box 3、块级元素 常见margin重叠的两种方式： <!DOCTYPE html> <html> <head ...
分类：
其他好文 时间：
2020-07-28 00:01:01
阅读次数：
82
<body> <div id="box"> </body> <script type="text/javascript"> class A { constructor() { this.box = document.getElementById("box"); //获取父节点 this.img = ...
分类：
其他好文 时间：
2020-07-27 23:33:37
阅读次数：
97
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* display:inline按照内联方式呈现 */ 8 #box01,#box0 ...
分类：
Web程序 时间：
2020-07-27 17:42:56
阅读次数：
72
Linux的虚拟机碎片整理 sudo dd if=/dev/zero of=/free bs=1M sudo rm -f /free 镜像压缩 --转换vdi VboxManage clonehd "F:\VirtualBox VMs\atguigu\atguigu-disk001.vmdk" "F ...
分类：
其他好文 时间：
2020-07-27 15:36:36
阅读次数：
81
首先安装Vagrant，和VirtualBox, Vagrant下载地址:https://www.vagrantup.com/VirtualBox下载地址:https://www.virtualbox.org/ wind+r cmd 输入vagrant看有没有装上 然后使用vagrant init ...
分类：
其他好文 时间：
2020-07-27 13:56:34
阅读次数：
82
介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ （1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box） （2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分 IE ...
分类：
Web程序 时间：
2020-07-27 13:40:50
阅读次数：
147
语法: box-shadow: h-shadow v-shadow blur spread color inset; @/* h-shadow X轴位移，指定阴影水平位移量 v-shadow Y轴位移，用来指定阴影垂直位移量 blur 阴影模糊半径阴影向外模糊的模糊范围 spread 阴影的尺寸 c ...
分类：
其他好文 时间：
2020-07-27 09:52:25
阅读次数：
65
安装arch virtualbox/vagrant 都可以 更新源 pacman -Syy pacman -Syu 安装yaourt vim /etc/pacman.conf [archlinuxcn] Server=https://mirrors.ustc.edu.cn/archlinuxcn/$ ...
分类：
系统相关 时间：
2020-07-27 09:24:11
阅读次数：
100
一、理解BFC 1.BFC(Box Formatting Context) Box是css布局的对象和基本单位，直观讲就是一个页面多个Box组成。 元素的类型和display属性决定了这个Box的类型；不同类型的Box，参与不同的Formatting Context（一个决定如何渲染文档的容器），因 ...
分类：
其他好文 时间：
2020-07-26 19:36:32
阅读次数：
70
BFC布局规则2：BFC不会与float box重叠 当overflow不为visible时会生成BFC 布局结构： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>两列布局</title> <style> *{ margin: ...
分类：
其他好文 时间：
2020-07-26 19:31:33
阅读次数：
69
