网格布局和js插件引入

网格布局属性

display:grid; 设置网格布局
grid-template-columns: repeat(几列&＃xff0c;每列宽度);
grid-template-rows: repeat(几行&＃xff0c;每行宽度);
grid-template-areas:“a b c” “c d f”;父元素划分区域
grid-area:a; 子元素说明自己所属区域
grid-gap:行间距 列间距;
例子&＃xff1a;
父元素&＃xff1a;

子元素

这样子可分配区域

JS插件的引入

利用script标签

利用link标签把iconfont.css引入

在标签中使用时就可直接使用相关类名