摘要：
方案 1 最初实现的方案是直接使用媒体查询和 css 变量。关键是把区分两个模式的变量抽离出来，分别配置两组变量，核心代码如下： @media screen and (prefers-color-scheme: dark) { :root { --linkColor: #ec9bab; --font 阅读全文
摘要：
众所周知css技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。 这就意味着有那么些个特别的 阅读全文
摘要：
先介绍一下一个有趣的属性 —— conic-gradient 圆锥渐变！ 对其感兴趣是因为我发现它竟然可以用来做圆饼图！比如这样的：这样的：其原理也很简单：就是以起始点为中心，然后以顺时针方向绕中心实现渐变效果。其必须接收多种颜色值参数，每个颜色值后可以跟两个百分比，为当前颜色值的起始点和终止点（中 阅读全文
摘要：
css3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() 如果你使用过 css 预处理器，比如 SASS，以上示例你 阅读全文
摘要：
简介 我们知道可以使用document对象的内置方法通过ID，类，标签名和查询选择器来访问html元素。 DOM 是由节点树构成的，document节点位于根，其他每个节点（包括元素，注释和文本节点）都作为各个分支的节点。 在本教程中，我们回顾一些html术语，这对使用 js 和DOM非常重要，我们 阅读全文
摘要：
AVIF 介绍 当然，目前最值得关注的新型图片格式是 AVIF（AV1 Image File Format，AV1图像文件格式，是业界最新的开源视频编码格式AV1的关键帧衍生而来的一种新的图像格式。AVIF 来自于 Netflix(著名的流媒体影视公司), 在 2020 年情人节公布。 当遇到新的技 阅读全文
摘要：
1. URL 统一资源定位符 （ Uniform Resource Locator）是对可以从互联网上得到的资源的位置和访问方法的一种简洁表示，是互联网上标准资源的地址； 互联网上的每个文件都有一个唯一的 URL ,它包含的信息指出文件的位置以及浏览器应该怎么处理它 结构 基本的 URL 包含 模式 阅读全文