BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

@keyframes donghua【设置关键帧】  animation-iteration-count【执行次数】  （infinite表示执行无限次数）   animation-direction

一直觉得 BFC 虚无缥缈的很难理解，最近重点了解一下，有所收获，遂记录下来。 BFC（block formatting context）：块级格式化上下文。 元素间的垂直间距由 margin 决定，相邻块级元素的垂直 margin 会出现折叠。 BFC 里的块级元素边缘不会超…

刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。“你是如何实现文本的居中的”“如果是多行文本呢”“块级元素的水平居中如何实现”“块级元素的垂直居中如何实现”。。。问到后面脑子里一团浆糊，本来知道的也不知道该如何回答了。居中是日常工作中不可避免要遇到的场景，面试中也…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线，第二十届|前端管理专场，2021-1-23，线上直播： 好习惯的作用因人而异，源于我们的执行力强度有所不同，工作 10 年来，我整理一些自己了解的习惯分享给…

< !DOCTYPE > 声明位于文档中的最前面的位置，处于 < html > 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 < !DOCTYPE html > 就是告诉浏览器按照HTML5 规范解析页面. 这句代码非常关键， 是必须要写的代码，否…

Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。简单的理解，就是可以自动调整，计算元素在容器空间中的大小，并进行有效合理的布局。 Flexbox布局中有两个重要的概念：Flex容…

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…