发表于: 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";




.最终的效果:








返回列表 返回列表
评论

    分享到