在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
介绍一下标准的 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
一、理解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
给定由一些正数（代表长度）组成的数组 A，返回由其中三个长度组成的、面积不为零的三角形的最大周长。 如果不能形成任何面积不为零的三角形，返回 0。 示例输入：[3,6,2,3]输出：8 代码 var largestPerimeter = function(A) { if (A.length < 3) ...
分类：
其他好文 时间：
2020-07-26 19:27:49
阅读次数：
59
[TOC]## 1. 结构### 1.1. 定义1. 在html中 ```html ```2. 独立文件，然后在html中import ```html ```有些时候你会看到 ``。但这是没有必要的，因为默认的type就是JavaScript，所以不必显式地把type指定为JavaScript。##... ...
分类：
编程语言 时间：
2020-07-26 00:53:16
阅读次数：
94
