安装参考：VSCode中让注释也有高亮效果vs code 插件里搜索 better comments 安装使用正常注释，前面使用相应的前缀即可（vs code 会结合插件自动用配置的颜色去渲染，插件自带5种高亮注释）// ! 红色...

1 Emmet简介Emmet是一个Web开发工具，用于加快HTML和CSS代码的编写速度。使用Emmet能够通过简短的表达式生成HTML或CSS代码片段。另外，截至2022年，主流的编辑器工具如Visual Studio Code、WebStorm都...

1. em是一个相对单位。相对于当前对象内文本的font-size，如果当前文本的字体尺寸没有设置，则相对于浏览器的默认字体尺寸。即1em=16px 特点： em的值并不是固定的em会继承父元素的字体大小 2. rem是一个相对单位。是相对HTML根...

现在的代码编辑器越来越人性化，各种插件、快捷键都能够帮助我们快速生成代码。比如：使用vscode编辑器在html文档中输入！再按tab键就能快速生成一个完整的html结构。如图所示 今天我们要说的不是代码编辑器，我们将目光移到文档的顶部，会发现顶部...

1、基本概念1.1背景：因为手机的尺寸和屏幕的像素越来越大，导致我们响应式布局很难保证网页能够100%适配主流的屏幕 1.2概念：使用css3的单位以及弹性布局等技术来实现移动端布局。一般移动端布局跟pc端是完全不一样的。 2、屏幕像素2.1逻辑像素...

1 Emmet简介Emmet是一个Web开发工具，用于加快HTML和CSS代码的编写速度。使用Emmet能够通过简短的表达式生成HTML或CSS代码片段。另外，截至2022年，主流的编辑器工具如Visual Studio Code、WebStorm都...

盒模型盒子模型，框模型（box model）  -css将页面中所有元素都设置为了一个矩形的盒子  -将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置  -每一个盒子都由一下几个部分组成 &nbs...

vscode下载：https://code.visualstudio.com/chrome下载：https://www.google.cn/intl/zh-CN/chrome/phpen.v下载：https://www.phpen.v.cn/

实例          

:nth-of-type        m=(1/-1)an+b        (1/-1): 正序倒序        a: &n...

CSS```/* ! 状态伪类 */fieldset {  display: inline-grid;  gap: 1em;  border-radius: 10px;  padding: 1em 2em;&n...