字体图标，布局与盒模型

16lz 2021-07-02

字体图标，布局与盒模型

作业内容：

实例演示字体图标的用法;
按自己理解写一下布局的原则与元素的默认排列方式与元素类型?
盒模型常用属性有哪些,实例演示;
图示: box-sizing属性的解决了什么问题?

实例演示字体图标的用法

实例效果

Html代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>字体图标</title>
<link rel="stylesheet" href="font_icon/iconfont.css" />
</head>
<body>
<span class="iconfont icon-yonghuzhongxin"></span>
</body>
</html>

按自己理解写一下布局的原则与元素的默认排列方式与元素类型

更多相关文章

随机推荐