发表于: 2019-04-02 22:52:26
1 753
今天完成的事:
1.完成了任务十四、十五
2.CSS轮播图运作正常
明天的计划:
1.提交任务CSS14/15任务
2.开始JS学习
遇到的问题:
1.突然看到官网代码里的:before加上display:table,产生了疑问,为什么要这样操作,后来经过师兄指点,才发现这就是我之前学习的BFC的内容,这样就是为了让每个盒子独立于外界,产生独立的BFC盒子,避免互相受到影响
收获:
1.今天学习了关于iconfont的知识,蛮有趣的
iconfont 图片 怎么引用?

明确几点:
1.iconfont是文本格式的产物,所以要改大小,颜色,是改变font-size 和 color,直接从网上引用进来的会变成黑白色,无彩色
2.必须引进两个css文件(网上下载的压缩包里),并且iconfont的文件夹要放在html文件一起,用相对路径引入

3.父级盒子必须引入 font-family : "iconfont"

4.用:before :after引用,之前看不懂的那段神奇的代码,其实就是unicode代码,用反斜杠 + e 代替掉图标的代码前两位即可
比如 其中&#是开头用以标明这是字符实体,x表示这是十六进制,而CSS的content接受的也是16进制的Unicode编码,所以可以直接写 content: "\e7bb";

.最终的效果:

评论