flex 布局在项目中是必不可少的，但 grid 是一个比 flex 布局还要强大的布局方式。所以今天就来重学一遍 grid 栅格布局。

一、grid 基本概念

flex 可以看做一维布局，只针对的是水平方向或者垂直方向。grid 则将容器划分成行和列，产生单元格，然后指定项目的单元格，可以看做是一个二维布局。所以 grid 布局要比 flex 布局更强大。

首先，我们需要说明一下，什么是BFC呢？我们去MDN文档先去看看，官方文档是怎么定义的呢？BFC是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。相信大家，对这个还是有一些云里雾里的。那我们继续在讲解一下，用代码来实现，你就明白。

块格式化上下文对浮动定位都很重要。浮动定位和清除浮动时只会应用于同一个BFC内的元素。浮动不会影响其它BFC中元素的布局，而清除浮动只能清除同一BFC中在它前面的元素的浮动。外边距折叠也只会发生在属于同一BFC的块级元素之间。来，一起看看下面的代码用例。

Hello，大家好，今天我们来学习下查找函数的鼻祖——LOOKUP函数的使用方法，无论是风靡全球的Vlookup还是最近逆势崛起的Xlookup函数都是由这个函数升级进化而来的。

LOOKUP的出现往往伴随着数组，新手比较难理解，今天我们就来学习下这个古老而强大的函数吧

场景描述：

涉及金额的场景下，直接显示数值对用户极不友好，特别是金额较大时，很难正确读出。

这时候就需要使用千分位进行辅助。

实现环境：

白码低代码开发平台；

准备工作：

准备订单数据表，存储订单数据，包含一个金额字段（数字类型），并准备几条测试数据。

01

在一个结构良好的web网页里，多个h1标签会不利于SEO吗？

1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。

（2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2、行内元素有哪些？块级元素有哪些？

统一资源定位符(URL)，是对 Web 资源（网页、图像、文件）的引用。URL 是指定资源位置和检索资源的一种协议（如http、ftp、mailto）。

全文共3091字，预计学习时长9分钟

“嘿，这是链接，有空给我打电话。”

国外的朋友说完这话，就在Facebook上给小芯发了一个链接。不知道这是什么链接就顺手点开了。令小芯吃惊的是，手机拨号器竟然启动了，上面自动输入了一串号码。小芯在TrueCaller上查了一下这个号码，想看看是谁的——居然就是朋友的。小芯感到非常惊喜，于是决定对这个超赞的功能进行一番研究。

本节我们来学习如何在

近日，谷歌搜索负责人在线下站长交流群中跟站长分享搜索优化方向，建议网站图表信息多使用图片显示，尽量少用HTML5显示，方便谷歌搜索引擎抓取图表相关信息。

了解到，在这次群聊解答中，一个站长问谷歌搜索负责人约翰·穆勒，在网页上显示带有数据的图表的最佳优化方法是什么，在Google搜索看来，用图表形式发布图表还是用HTML5重新创建图表对网页排名好一点。

对此谷歌搜索负责人约翰·穆勒回应：用图片还是HTML来显示网页表格内容，这取决于网站要通过图表展现的内容，我认为将图表变成HTML并将数字和标签放入文本不会从中获得很多价值，建议使用图片而不是HTML来显示网页的表格信息。