css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理,后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取... ...
分类:
其他好文 时间:
2019-08-22 01:01:09
阅读次数:
77
我们了解完高度坍塌问题之后,那么如何去解决高度坍塌问题呢? 解决高度问题的方法一: 解决问题的原理:根据W3C标准,元素都有一个隐含的属性(Block Formatting Context)简称BFC,块级格式化环境,该属性可以设置打开或是关闭,当开启BFC后,元素将会具有如下特性: 1.父元素的垂 ...
分类:
其他好文 时间:
2019-08-18 23:37:01
阅读次数:
141
Float 浮动 于此相关 会形成BFC的情况 浮动元素,float 除 none以外的值 绝对定位元素,position为absolute/fixed。 display为以下其中之一的值inline-blocks,table,table-cell,table-caption。 overflow除了 ...
分类:
Web程序 时间:
2019-08-18 20:00:56
阅读次数:
123
点开设置 2. 打开时间和语言设置 2. 打开时间和语言设置 选择区域和语言 选择区域和语言 找到中文输入法将其改到上方 完成之后显示为 windows10显示语言 再重新打开商店和计算器就显示为中文了 ...
https://mp.weixin.qq.com/s/6XX0CZHoDotIgLbNDSIUog 简单介绍Filter的实现。 ?? 1. 基本介绍 使用过滤器过滤掉client和manager的一部分能力。 2. ManagerFilter/ClientFilter 用于对manager和cli ...
分类:
其他好文 时间:
2019-08-13 20:23:49
阅读次数:
86
1、应用场景 实时数据流通过kafka后,根据业务需求,一部分直接借助kafka connector入Elasticsearch不同的索引中。 另外一部分,则需要先做聚类、分类处理,将聚合出的分类结果存入ES集群的聚类索引中。如下图所示: 业务系统的分层结构可分为:接入层、数据处理层、数据存储层、接 ...
分类:
其他好文 时间:
2019-08-11 13:00:58
阅读次数:
145
一、BFC(块级格式化上下文) BFC(Block formatting context),直译为"块级格式化上下文"。 BFC 是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。 二、具有 BFC 条件的元素 可以使用 ...
分类:
Web程序 时间:
2019-07-27 13:18:03
阅读次数:
160
什么是BFC: 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域 创建BFC的方式: 图:创建BUF的方式 BFC的作用: ①. BFC 元素和 BFC 元素不会叠加在一 ...
分类:
其他好文 时间:
2019-07-06 19:06:59
阅读次数:
120
BFC概念: 块级格式化上下文,是一个独立的渲染区域,让处于 BFC 内部的元素与外部的元素相互隔离,使内外元素的定位不会相互影响。 我们先了解一个名词:BFC(block formatting context),中文为“块级格式化上下文”。 先记住一个原则: 如果一个元素具有BFC,那么内部元素再 ...
分类:
Web程序 时间:
2019-07-03 16:48:58
阅读次数:
140
标准流:盒子会各占整行位置。子盒子若是标准流,父盒子虽然没有高度,但是会撑开父盒子高度。 浮动:盒子浮了起来,不会占据原来的位置,若父盒子没有定义高度,则不会撑开父盒子,父盒 子高度为0。(浮动可以让多个块级元素在一行显示,且块与块之间没有空隙,但要注意给父盒子清除浮动,否则父盒子不会被撑开)。 为 ...
分类:
其他好文 时间:
2019-07-03 13:59:35
阅读次数:
135