html基础-登录表单，iframe，样式优先级

作业内容：

1. 写一个登录表单,要求有邮箱,密码,登录按钮
2. 写一个简单后台架构: <a> + <iframe>
3. 实例演示元素样式来源与优先级

作业1截图

作业2截图

作业3截图

关键代码

<span class="admin-user">
<!-- 1. 默认样式: 继承自html -->
<a href="">admin</a>
<!-- 2. 自定义样式1: 行内样式, style属性 -->
<a href="" style="color:green;">退出</a>
</span>
<!-- 3. 自定义样式2: 文档样式/内部样式, style标签 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.admin-header{
background-color:grey;
}
</style>
<!-- 4. 自定义样式3: 外部样式, css文档 -->
<link rel="stylesheet" href="admin.css">