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是我们鼠标点击完了之后的样式。
标签:总结,文件,span,样式,元素,基础知识,字体,我们,CSS From: https://www.cnblogs.com/TomHard/p/18286612