博客列表 >字体图标,布局与盒模型

字体图标,布局与盒模型

橙絮圆
橙絮圆原创
2021年07月02日 15:43:02724浏览

字体图标,布局与盒模型


作业内容:

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

  • 实例演示字体图标的用法
    • 实例效果
      字体图标
    • Html代码
      1. <!DOCTYPE html>
      2. <html lang="en">
      3. <head>
      4. <meta charset="UTF-8" />
      5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      7. <title>字体图标</title>
      8. <link rel="stylesheet" href="font_icon/iconfont.css" />
      9. </head>
      10. <body>
      11. <span class="iconfont icon-yonghuzhongxin"></span>
      12. </body>
      13. </html>

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

  • 盒模型常用属性有哪些,实例演示
    常用元素
  • 图示: box-sizing属性的解决了什么问题?
    box-sizing解决了,改变了盒子大小的计算方式。
    box-sizing
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议