![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：
Collection
Collection
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>字体图标</title><!-- <link rel="stylesheet" href="font_icon/iconfont.css"> --><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><!-- 第一步找到素材网站 --><!-- 第二步通过素材网站下载素材代码，解压素材包，放置代码文件夹中 --><!-- 第三步通过代码中.html文件中类提示，去引入素材代码 --><!-- 第四步通过link引入，在body中添加图标素材，放入图标类名称 --><!-- 如果需要把图标单独放在一个文件中引入，需要把单独添加一个css文件，通过引入这个css文件来实现，在css文件中选中代码素材文件：@import url（）;实现 --><span class="iconfont icon-shoucang"></span></body></html>``````css@import url(../font_icon/iconfont.css);/*设置图标样式*/.icon-shoucang{color: #ff6700;font-size: 2em;}
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>盒模型</title><style type="text/css">*{margin: 0;padding: 0;box-sizing: border-box;}div{width: 200px;height: 200px;border: 1px solid #ccc;margin: 20px;padding: 50px;}</style></head><body><div>我是模型</div></body></html>
