css
Tailwind CSS 是一个用于构建 Web 项目的 CSS 框架，它提供了一系列预定义的原子CSS类，可以帮助开发人员快速构建 Web 界面，并且可以通过自定义主题和扩展来满足不同的需求。
在日常网站开发中，我们会使用link来加载外部的css样式文件，然而css的加载会阻塞页面的渲染，直到资源加载完成并等待CSSOM构建完成，所以在使用外部的css文件的时候，尽量移除不需要使用的css代码，如果网站需要自适应，可以通过媒体查询来加载对应的文件内容。
transform属性可以向元素应用2D或者3D转换，可以对元素进行选择，缩放，移动和倾斜
盒位置根据正常流计算(这称为正常流动中的位置)，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。在所有情况下（即便被定位元素为 table 时），该元素定位均不对后续元素造成影响。
块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。
移动端适配<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。
在做移动端菜单的时候发现设置will-change:transform会导致position为fixed的子元素相对于父级元素来定位，一个简答的例子
一开始写sass以为跟普通css没多大区别，基本在里面写的逻辑和规则都差不多，偶尔用下变量，嵌套，import，计算等功能，之所以会这样是还没发现sass的强大功能啊，例如mixin，extend，function等等
h5开发webapp各种按钮，为了更友好地展示交互效果，需要添加一些点击效果，在pc端的元素用:focus，hover，:active等伪元素来实现，超链接元素还有:link，:visited，很重要的一点是，由于css的规则，优先级相同的样式后面会覆盖前面的，所以伪类顺序很重要，一般是
根据层叠顺序，优先级相同的样式，如何判断哪一条声明会起作用，取决于对其选择器特殊性的计算值。
设备像素比(device pixel ratio) 设备像素比简称为dpr，其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到
