1.图片标签ing

2.H标题系列

3.分段标签p

4.换行标签br

5.分割线标签HR

6.特殊字符

（1）It--小于号

（2）Gt--大于号

<div>层元素
简介: 在页面层元素<div>用来将页面内容分割成各个独立的部分是块级元素。
用途：在每个<div>元素中，不仅可以包含文本内容，也可以包含图片、表单等其它内容，属性：在默认的情况下，<div>元素所包含的内容，将在新的一行显示
总结：块级元素，独占一行

id 标记属性
简介：给元素定义唯一标识
好处：方便在元素中使用行为

HTML基础

• <!DOCTYPE>: 声明文档类型

js点击下载文件

//点击下载文件写法
const w = window.open('about:blank');
w.location.href='文件url'

PC端中px转vw与vh，sass写法

CSS3是CSS（层叠样式表）技术的最新进化，它为Web开发人员提供了强大的新工具和功能，这些新特性使得创建复杂、富有动感的设计成为可能。在本文中，我们将探索CSS3中的一些最受欢迎和最有用的新特性，并讨论它们如何改变我们开发和设计网站的方式。

圆角（Border-radius）

CSS3引入的border-radius属性允许开发者轻松创建圆角元素，而不再需要使用图片或其他复杂的工作流程。这个属性可以应用于任何可见元素，只需要一行代码就可以实现。

垂直条纹

水平条纹是最容易用代码写出来的，但用户在网页上看到的条纹图案很多都不是水平的。

前言

在 Canvas 中对文本填充水平或垂直的线性渐变可以轻易实现，而带角度的渐变就复杂很多；就好像下面这样，假设文本矩形宽为 W, 高为 H, 左上角坐标为 X, Y。

猜想与答案

给出两个答案：

正确答案是图二，因为这样得出来的坐标生成的渐变最紧接文本矩形边界，它的运动轨迹如下动图：

(图来源：Do you really know CSS linear-gradients）

chinese-gradient是一款利用CSS自定义属性来制作的中文渐变色CSS库，由于各式各样、五彩斑斓的渐变色千变万化，再加上许多英文过于抽象十分难记，于是就有了这款中文属性库。

该库使用方式也是十分的简单，只需要把你原来写的 background: xxx; 替换为 background: var(--xxx); 即可。