Tailwind CSS 学习笔记(二)

一、辅助工具

        在vscode 中使用Tailwind CSS ,可安装官方提供的 Tailwind CSS IntelliSense 插件, 该插件可以提供自动补全、语法高亮及检查功能。

Tailwind CSS 学习笔记(二)_第1张图片

二、Tailwind CSS 中的基本单位

      CSS 中 常见单位

        1、绝对单位

                绝对单位的值固定,不依赖其他元素或设备特性,通常用于打印或固定尺寸场景:

               像素(px): 表示屏幕上的物理像素点,是绝对单位中最常用的。但实际物理尺寸受屏幕分辨率(dpi)影响。例如,1英寸 ≈ 96px(默认屏幕密度)。

        2、相对单位

                1、字体相关单位

                        (1)、em:基于当前元素的字体大小。例如,父元素字体为16px,子元素设置2em则为32px。

                        (2)、rem:基于根元素()的字体大小,与嵌套层级无关,更易维护.

                        (3)、ex:基于当前字体的小

你可能感兴趣的:(css,前端)