- css基础2025-11-16 11:44:6
05-08 锥形渐变
基本语法 css conic-gradient([从哪个角度开始] at [中心点位置], 颜色节点1 [角度], 颜色节点2 [角度], ...) - css基础2025-11-16 6:51:17
05-07 径向渐变
基本语法 css radial-gradient([形状] [尺寸] at [位置], 颜色节点1 [位置], 颜色节点2 [位置], ...) - css基础2025-11-13 12:3:42
05-06 线性渐变
基本语法 css linear-gradient([方向], 颜色节点1 [位置], 颜色节点2 [位置], ...) - css基础2025-11-12 11:58:1
01-03 媒体查询
markmap CSS媒体查询 (CSS Media Queries) 语法规则 - css基础2025-11-12 11:44:59
01-02 At规则
> 参考文档:[MDN](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_syntax/At-rule) 总览 | 规则 | 作用 | - aimcp2025-11-12 11:41:23
MCP Client nodejs
markmap - MCP 客户端 - 环境搭建 - aimcp2025-11-12 11:27:0
MCP Server TS
STDIO —— node 执行 js 脚本启动服务器 1. 创建项目 shell - aimcp2025-11-12 11:26:51
MCP Server Python
环境初始化 > 最新请查看 [官网](https://mcp-docs.cn/quickstart/server%E7%B3%BB%E7%BB%9F%E8%A6%81%E6%B1%82) 系统要求 - aimcp2025-11-12 11:13:33
01-简介
[MCP](https://mcp-docs.cn/introduction) 是什么? MCP全称为模型上下文协议,是统一不同大语言模型(LLM)与外部工具之间的集成的标准协议 一、工具是什么? - css基础2025-10-22 9:58:3
11-01 固定宽高比
垂直内距(padding-top 或 padding-bottom) 1. 将高度设置为 0 2. 将padding-top或padding-bottom属性的值设置为百分比的值 - css基础2025-10-22 4:49:52
08-02 @property
> 允许 Web 开发者显式地定义他们的 CSS 自定义属性,而且允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承 语法 属性 - css基础2025-10-16 10:0:27
10-01 CSS 嵌套
原生已支持 CSS 嵌套: [can i use 兼容性](https://caniuse.com/?search=CSS+Nesting) 规则 - css基础2025-10-15 9:23:53
01-04 @support
CSS 特征检测 @supports允许对 CSS 的属性、值或选择器进行检测 css - css基础2025-10-10 11:37:9
09-01 相对单位
markmap 相对长度单位 字体相对长度单位 - css基础2025-10-10 11:8:28
08-01 CSS变量
简介 ==声明==一个 CSS 自定义属性: 1. 以--前缀开始命名,即--自定义属性名,注意自定义属性名严格区分大小写,--on和--ON是不同的 - css基础2025-10-10 11:8:8
07-01 文本换行
默认行为 浏览器默认按照单词完整性优先的原则换行,一般在单词或数字序列之间,或者连字符后面换行 :::dom - css基础2025-10-10 11:3:45
06-02 三角函数
markmap 三角学函数 三角函数 - css基础2025-10-10 11:0:24
06-01 比较函数-min&max&clamp
语法 | 函数 | 作用 | | ------- | ------------------------------------------------------------ | - css基础2025-09-25 11:38:46
05-05 color-min()
color-mix()函数是[CSS 颜色模块 Level5](https://www.w3.org/TR/css-color-5/color-mix)新增的一个颜色函数,主要用于混合两种颜色值的 CSS 函数,它可以在不同的颜色空间进行混合,例如 sRGB、HSL 和 LCH 等,这在调整颜色时更加灵活,并且可以根据需要选择合适的颜色空间进行混合 语法  - css基础2025-09-25 11:38:25
05-02 色域和颜色空间
Web 历史概述 CSS 在 1996 年引入 Web 时,大多数计算机显示器都非常糟糕,大多不是高清的。无论是使用 RGB 、HSL 或 HEX (十六进制)定义的颜色,都是在 sRGB 色域内,仅适用于当时的显示器。 现在,大多数新设备都具备广色域显示能力,比如使用 [Display P3 色域](https://en.wikipedia.org/wiki/DCI-P3),甚至还有像 [Rec.2020](https://en.wikipedia.org/wiki/Rec._2020) 更大的色域。广色域显示器能够显示比 sRGB 更多的颜色。 - css基础2025-09-25 11:37:28
05-01 RGB&HSL&HWB&LAB&LCH
概述 CSS 颜色的各种格式的值都可以用于可接受<color>值类型的属性 css - css基础2025-09-25 9:58:40
05-04 相对颜色语法
[CSS 颜色模块 Level 5 ](https://www.w3.org/TR/css-color-5/relative-colors)为 CSS 颜色函数引入[相对颜色语法](https://www.w3.org/TR/css-color-5/relative-colors),此语法允许基于另一个颜色定义新颜色 from [color] 通道关键字 此语法可以将一个起始颜色,转换为对应颜色空间的通道关键字 - css基础2025-09-25 9:33:10
05-03 OKLCH&OKLAB
来源 OKLAB 和 OKLCH 颜色空间是由 [@Björn Ottosson](https://twitter.com/bjornornorn) 于 2020 年创建的,它们被创建的主要原因是为了解决 LAB 和 LCH 的问题,即解决色调偏移的错误,所以它们又称为 LAB 和 LCH 的修正版本。[@Björn 撰写了一篇优秀的文章](https://bottosson.github.io/posts/oklab/),详细介绍了为什么创造它们,以及它们的实现细节。 OKLAB 是一种基于 CIELAB 颜色空间的颜色模型,通过对不同光源下的颜色重新调整,尽可能减少颜色失值。而 OKLCH 则是在 OKLAB 的基础上发展而来的颜色类型,它增加了颜色的饱和度和色调信息,使得在设计中能够更好的进行颜色变化和搭配。 - css基础2025-09-22 9:35:4
04-01-显示默认值
inherit、initial、unset和revert是 CSS 的全局关键词,理论上,它们可以应用于除none以外的任何 CSS 属性。它们在 CSS 中也被称为CSS 显式默认值,其中inherit、initial和unset是 CSS3 规范中定义的,revert是在 CSS4 规范中定义的 CSS相关基础知识 CSS 属性的初始值 - htmlhtml5基础2025-09-20 12:38:21
04-01 dialog
基本用法 <dialog>标签表示一个可以关闭的对话框,当<dialog>元素添加了open属性之后,浏览器会将该元素的display重置为block,即: css - css基础2025-09-19 11:11:10
02-03 文档流
标准文档流 标准文档流即把内容按照从左到右、从上到下的顺序进行排列显示 文档流就像水一样,能够自适应所在的容器 - css基础2025-09-19 11:11:7
03-01 视觉格式化模型-基础概念
视觉格式化模型(Visual formatting model) 视觉格式化模型(Visual formatting model)是用来处理和在视觉媒体上显示文档时使用的计算规则,CSS 中一切皆盒子,而视觉格式化模型简单来理解就是规定这些盒子应该怎么样放置到页面中去 > [官方文档](https://www.w3.org/TR/CSS22/visuren.html) - css基础2025-09-19 11:11:1
01-01 CSS 架构
BEM - block:块 - element:元素 - csscss 选择器2025-09-19 11:48:27
04 伪类
:hover 选择鼠标指针浮动在其上的元素 1. 延时触发 - csscss 选择器2025-09-19 11:30:18
06 逻辑选择器
:is() :is()CSS伪类函数将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素 基础用法
类型归档
web
html
css
javascript
node
jquery
typescript
vue
react
echarts
electron
前端工程化
java
elastic
mysql
python
flutter
git
算法
部署
图形学
ai



