html的ifram标签，背景色渐变设置，弹性布局上下左右居中，json文件的特点

1.iframe内嵌网页标签

<iframe src="./pages/login.html" frameborder="0"></iframe>

• src属性是跳转的页面url地址，frameborer=“0”指的是iframe标签没有边框

• iframe标签如果与a标签连用，点击a标签然后a标签跳转的页面显示到iframe标签内，不再是跳转到一个新的窗口新的页面，如何设置？======> ifram标签的name属性值跟a标签的target属性值一致

<a href="http://www.baidu.com" target="yu">百度</a>
<!-- a标签的target属性指向iframe的name属性，则点击a标签使iframe显示对应链接 -->
    <iframe frameborder="1" name="yu"></iframe>

2.背景渐变色background-image

背景渐变通过背景图实现，分为上层径向渐变和下层线性渐变

• 上层径向渐变：radial-gradient

• 下层线性渐变：linear-gradient

background-image: radial-gradient(transparent, rgba(14, 71, 75, 0.7)), /*上层径向渐变*/
 linear-gradient(rgb(255, 255, 255), rgb(82, 52, 52));
 /*下层线性渐变*/

3.使用弹性布局实现表单上下左右居中

• display:flex；弹性布局

• align-items：center；上下居中

• justify-content：center；左右居中

4.json文件特点

• json文件中必须是纯数据(对象或者数组)

• 不识别注释

• 不识别变量

• 不识别函数

• 所有字段名必须加双引号，不识别单引号，字符串值也必须加双引号

• 不能有多余的逗号，对象数组的最后一条数据不能有逗号