编程三昧

-`:host` 范围最大，匹配所有的自定义元素实例；-`:host()` 只选择自身包含特定选择器的自定义元素；- `:host-context()` 选择拥有特定选择器父元素的自定义元素。

这篇文章记录一下 Windows 和 Linux 上安装 TTF 格式字体文件的方法步骤，算是对项目字体适配解决方案的补充方案……

字体文件不止有 TTF 格式，常见的字体格式还有 OTF、WOFF 和 WOFF2 等，今天就来总结一下它们几个的相关概念。

由于国产化进程的不断推进，冒出了不少基于 Linux 的国产操作系统，这就导致我们平时在 windows 上使用得好好的字体，在这些国产操作系统上就失效了，其原因是这些操作系统上没有安装对应的字体。

背景复杂的网站都会有大量的CSS代码，通常也会有许多重复的值。举个例子，同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换，效率不高且容易出错。自定义属性在某个地方存储一个值，然后在其他许多地方引用它。另一个好处是语义化的标识。比如，--main-text-color 会比 #00ff00 更易理解，尤其是这个颜色值在其他上下文中也被使用到。概念自定义属性（有时候也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含的值可以在整个文档中重复使用。

CSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。好一段时间不用 CSS ，有一些基础知识的记忆有点模糊了，今天再做一次总结记录，方便日后回顾复习。选择器分类在 CSS 中，选择器可分为以下几类：基本选择器（通配选择器、元素选择器、类选择器、ID 选择器、群组选择器）层次选择器属性选择器伪类选择器伪元素基本选择器比较好记，这里就不浪费篇幅，主要是记录一下后三、几种选择器。层次选择器选择器类型功能描述.