原文出处： 张鑫旭欢迎分享原创到伯乐头条

一、关于isolation

isolation是一个CSS3属性，顾名思意是“隔离”，支持的值除了万年不变的inherit外还包括auto和isolate.

继承没什么好说的。auto实际上就是不干事的意思，是元素的默认值。所以，我们只需要关心isolation: isolate

如果觉得我的文章不错，可以关注我，想要看其他的进阶知识可以查看我发布过的文章！

编辑搜图

请点击输入图片描述

BFC（Block formatting contexts）：块级格式上下文 页面上的一个隔离的渲染区域，那么他是如何产生的呢？可以触发BFC的元素有float、position、overflow、display：table-cell/ inline-block/table-caption ；BFC有什么作用呢？比如说实现多栏布局

前言

在前端开发中，我们可以用CSS

在当今快节奏的Web开发世界中，开发者们总是在寻找能够提高效率、减少代码冗余并加快开发速度的工具。今天，我要向您介绍一个名为BRiCSS的创新工具，它可能会彻底改变您处理CSS的方式。

有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。

作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？

在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。

Flex为"弹性布局"，任何一个容器都可以指定为 Flex 布局。

.box{

display: flex;

}

行内元素也可以使用 Flex 布局。

.box{

display: inline-flex;

熟悉熊猫的小伙伴都知道，熊猫一直使用markdown进行创作，这一语法不仅方便排版，也能让我更好的专注于创作。而在工具的选择上，我一直使用的是obsidian进行创作，这是一款功能全面的本地markdown编辑器，软件本身拥有很多不错的功能，但因为其本地的属性，所以多少还是有一些不方便，所以这里我需要将它接入到我的NAS，实现数据同步。同时，我还需要利用它的插件功能实现更多帮助我创作的能力。

前端小伙伴们，在使用css的display的属性的时候是不是经常会迷惑怎么使用，今天就来详细讲解下。

CSS 的 display 属性用于定义元素应如何显示在页面上。它控制元素的布局和行为，是前端开发中非常重要的一个属性。以下是 display 属性的详细用法：

常见的 display 值

最近在 Web 开发中，你是否经常为布局问题而苦恼？div

作者：小伍哥

来源：AI入门学习

上次出了一个在网站「Flourish」画动态条形图的文章【动态条形图视频教程】，需要登录网址很多人可能觉得不方便，现在有大佬出了个Python包，只需几行代码就能搞定动态条形图，非常强大，给大家分享下。

一、前期准备工作