Web

Grid布局 1. Grid布局概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的

1. flex布局 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性 设为 Flex 布局以后，子元素的float、clear和vertical-ali

CSS画图总结：三角形、扇形、平行四边形 CSS,CSS画图,CSS3,画图 宽高设为0 四个边框设置border-width，border-style，border-color即可

HTML-CSS总结 1. link与@import区别 link @import 属于XHTML标签，除了加载CSS外，还可以引入其他文件 属于CSS，只能加载CSS 在页面载入时同时加载 页面完全

JavaScript代码规范 1. 语言规范 1.1 类型 1.1.1 Eslint 1.1.2 【可选】 const 和 let 都是块级作用域，var 是函数级作用域 1.1.3 【必须】 使用

HTML代码规范 1. 代码风格 1.1 缩进&换行 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符 每行不得超过 120 个字符 **解释：**过长的代码不容易阅读与维护

CSS代码规范 1. 加载方式 1.1. CSS样式由四种加载方式 1.1.1 行内样式 直接对HTML标签引入style=""设置样式 优缺点： 省去了CSS渲染树的构建查找等工作 结构样式没有分离