CSS基础知识总结（3）

1、如何从外面引入我们喜欢的字体？

引用在线字体：

这里需要引入一个网站：https://fonts.google.com/

从这个网站中，我们可以找到自己想要的字体，然后点击进去，选择Get font,，后面我们再Get embedcode；我们再把它提供给我们的字体链接复制到我们HTML文件的相应位置。就可以了。

把字体下载到本地载引用:

 首先我们得先去网站下载字体，比如下面的网站：https://www.fontsquirrel.com/

然后我们把自己下载的字体上传到这个网站上去，https://www.fontsquirrel.com/tools/webfont-generator，等待上面的网站给我们处理完毕之后，就会得到一个zip文件，这个zip文件需要保存在我们的HTML CSS文件一起，方便引用。

把上面的zip文件解压缩，我们会得到一系列的文件，至于这些文件到底是什么，我们倒不必在意，就注意到里面有一个 stylesheet.css文件，这里面保存着我们将要输入到@font-face块中的代码。注意这些代码需要放在我们CSS文件的最上面，因为整个项目都需要用到这些字体。然后因为我们保存的地方有一点不一样，必要的时候，灵活更改路径即可。

2、文本溢出的时候，我们如何输出省略号？

    text-overflow: ellipsis;

3、如何更改列表前面的小圆点，为阿拉伯数字或者小方块？

        ul{
            /*list-style-type: square;表现为方格*/
            list-style-type:decimal;/*表现为阿拉伯数字*/
        }

4、p+span 、p span 、p~span 、p>span分别是什么意思？

p span：对p后代中的span元素内的东西进行应用样式。

p+span：把处于相邻兄弟关系的p元素和span元素内的内容应用样式（p和span必须相邻，并且有同一个父亲）。

p~span：把处于通用兄弟关系的p和span元素内的内容应用样式（p和span可以不相邻）。

p>span：对p的子元素中的span元素内的东西应用样式，这个跟上面的后代选择器有一个不同就是这个强调直接子元素，像孙子辈它就不选择了。

5、:active和:visited的区别？

:active是鼠标点击时候的样式，:visited是我们鼠标点击完了之后的样式。