现在有flex布局等新技术，bfc的效果比如包住元素，进行自适应布局等已经不需要了。现在只有免式的事后才需要知道BFC！ 看不懂的定义 CSS规范中对 BFC 的描述 9.4.1 块格式化上下文 浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table ...
分类：
Web程序 时间：
2020-05-31 10:46:40
阅读次数：
79
# 4.content：内容 - 1. 重置 (1) 更新部分浏览器的预设值，在可能变动的文字间距上使用rem代替em (2) 避免使用margin-top。垂直边缘可能发生重叠，产生无法预料的错误。 (3) 为了设备之间轻松缩放，block元素应该在margin上采用rem (4) 尽可能使用继承 ...
分类：
其他好文 时间：
2020-05-30 21:46:56
阅读次数：
83
标准盒模型与IE盒模型 开发者们都知道，由于历史遗留问题与既定标准的发展，存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中，可以用box-sizing去定义元素的盒模型。 比较这两个盒模型的差异之前，我们先来看一张图： 先不讨论宽高，我们把一个元素的组成分为：conten ...
分类：
其他好文 时间：
2020-05-30 21:38:56
阅读次数：
56
什么是BFC？ 全称块级格式化上下文？什么意思不懂。看了好多博客，基本都是抄的，真心都不是大白话。我今天来总结一下，用菜鸟级别的语言来描述。 BFC 应该可以抽象成一个 独立的个体，出淤泥而不染的白莲花。 是的不受其他元素的影响，始终保持自己独立。就是正常的普通流布局规则，设置的样式是什么样的，就按 ...
分类：
其他好文 时间：
2020-05-30 20:05:23
阅读次数：
76
BFC（block formatting context）块级格式化上下文。 如果一个元素具有 BFC，内部子元素无论如何都不会影响外部的元素。所以，BFC 元素是不可能发生 margin 重叠的，因为 margin 重叠是会影响外面的元素的; BFC 元素也可以用来清除浮动的影响，因为如果不清除， ...
分类：
Web程序 时间：
2020-05-30 16:06:35
阅读次数：
79
一：实验环境1.1环境：华为ensp软件1.2设备PC机和路由器及交换机两台初始化状态的PC机和两台初始化状态的路由器，三台交换机二．实验需求SW1和SW2构成主备路由，当有一方挂掉，数据会从另外一方过；R1配置浮动路由三：实验过程3.1：配置设备在ensp中，将PC机和路由器及交换机准备好。3.2配置SW1交换机3.2.1配置接口[SW1]vb1020100[SW1]intg0/0/2[SW1-
分类：
其他好文 时间：
2020-05-29 09:42:45
阅读次数：
87
普通流（normalflow）说明前面我们提过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流又称为“文档流”，或者“标准流”，实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种默认的排列方式，不会出现例外的情况的布局叫做普通流布局。普
分类：
其他好文 时间：
2020-05-29 09:21:28
阅读次数：
67
SEO白帽这个名词我相信很多从业SEO优化的人最经常听到的就是这个名词，其实任何做SEO优化的人都可以称自己为SEO白帽子，在【汉文】SEO大牛个人认为：SEO并没有真正意义上的黑帽白帽之分，可以说这两者所使用的技术都是交错、相互、有关联的。任何SEO优化人员在操作优化的时候都有可能使用了黑帽技巧，只是自己并不知道而已，为什么我会这样说？因为很少SEO从业者真正意义上明白SEO白帽和黑帽大神的技术
分类：
其他好文 时间：
2020-05-28 13:12:13
阅读次数：
72
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 9 .box1{ 10 width: 200px; 11 height: 100p ...
分类：
其他好文 时间：
2020-05-28 11:36:34
阅读次数：
86
