2020-10-29 了解：@import外部导入样式，letter-spacing 字间距，word-spacing 词间距 以空格区分

@import外部导入样式

link和@import的区别是？
（1）link属于XHTML标签，而@import是CSS提供的;
（2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
（3）import只在IE5以上才能识别，而link是XHTML标签，无兼容问题;
（4）link方式的样式的权重 高于@import的权重.

发现一个神仙链接
css外部样式导入方式：link和@import对比

letter-spacing 字间距

定义和用法

letter-spacing 属性增加或减少字符间的空白（字符间距）。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal就相当于值为 0。

注释：允许使用负值，这会让字母之间挤得更紧。

<style type="text/css">
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
</style>

效果如下：

word-spacing 词间距

定义和用法

word-spacing 属性增加或减少单词间的空白（即字间隔）。

该属性定义元素中字之间插入多少空白符。针对这个属性，“字”定义为由空白符包围的一个字符串。如果指定为长度值，会调整字之间的通常间隔；所以，normal 就等同于设置为0。允许指定负长度值，这会让字之间挤得更紧。

注释：允许使用负值。

word-spacing 词间距 以空格区分

<style type="text/css">
p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
</style>

效果如下：