温佳鑫

BFC 到底是什么东西

BFC 全称：Block Formatting Context，名为 “块级格式化上下文”。

W3C官方解释为：BFC它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context提供了一个环境，HTML在这个环境中按照一定的规则进行布局。

简单来说就是，BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局。那么怎么使用BFC呢，BFC可以看做是一个CSS元素属性

Sass 的控制命令可以让你在 @mixin 和 @function 中实现条件判断和循环逻辑，是编写可复用、可配置的 Sass 库的基础。掌握这些指令，才能真正写出灵活健壮的 SCSS 代码。

Sass 提供了三种代码复用机制：混合宏（Mixin）、继承/占位符（@extend / %placeholder） 和 函数（@function）。理解它们的区别和适用场景，是写出高质量、可维护 SCSS 的关键。

一、什么是 Tailwind CSS

Tailwind CSS 是一个工具类优先（Utility-First） 的 CSS 框架。与 Bootstrap、Element UI 等传统框架不同，它不提供预定义的组件类（如 .btn、.card），而是提供数百个原子化的工具类，让开发者直接在 HTML 中组合样式。

引言

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是 PC 端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 plus,ipad pro,dell 台式宽屏 (1440 X 900)。

一、Grid 是什么，为什么需要它

CSS Grid（网格布局）是 CSS 中最强大的二维布局系统。它可以将页面划分为行和列组成的网格，精确控制元素在网格中的位置和尺寸。

简单记录一下自己在 VsCode 开发中不可或缺及种草的一些插件。

一、git

• git fetch 从远程仓库获取最新的代码，但不会自动合并到本地代码
• git pull git fetch + git merge
• git pull --rebase git fetch + git rebase
• git branch -a 查看所有分支
• git branch feature 创建名为 feature 的本地分支
• git checkout feature 切换到 feature 分支。切换到远程分支时，要 pull 更新代码
• git checkout -b feature 创建并切换到 feature 分支
  阅读全文 »

BFC 到底是什么东西

BFC（Block Formatting Context/块级格式化上下文）可以看作是是⼀块独⽴的区域，让处于其内部的元素与外部的元素互相隔离。

W3C官方解释为：BFC决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context提供了一个环境，HTML在这个环境中按照一定的规则进行布局。

（一）CSS 规则结构

选择器和声明块组成了CSS 规则集（CSS ruleset），常简称为 CSS 规则。