DOCTYPE
-实例演示字体图标的用法：首先去阿里矢量图的网站下载使用<head><link rel="stylesheet" type="text/css" href="下载的文件"><style>icn-my{color:red;font-size:50px;}</style></head><body><i class="icofont icon-my"></body>-布局的原则与元素的默认排列方式与元素类型从左到右从，上到下，二维空间布局；元素类型：独占一行的块元素div和行内元素span实例：<!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>Document</title><style>div .d{ height: 250px;width: 50%;float: left;border: 1px solid red;background-color:saddlebrown ;box-sizing:border-box;}.s{border: 1px solid yellowgreen;background-color:blueviolet ;}</style></head><body><div><div class="d">我是块元素</div><div class="d">我是块元素</div></div><span class="s">我是行内元素</span><span class="s">我是行内元素</span></body></html>- box-sizing：解决了某种元素的来并排适用指定的区域.
