1. 写一个登录表单,要求有邮箱,密码,登录按钮 2. 写一个简单后台架构: + 3. 实例演示元素样式来源与优先级
<!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>
</head>
<body>
<form action=""></form>
<div>
<label for="username">用户名</label>
<input type="text" id="username" name="username" value="" placeholder="首字母大写" autofocus required />
</div>
<div>
<label for="paw">密码</label>
<input type="password" id="paw" name="password" value="" placeholder="最少6位" required />
</div>
<div>
<label for="email">邮箱</label>
<input type="me-email" id="me-email" name="email" value="" placeholder="xxx@qq.com" autofocus required />
</div>
<div>
<button>登录</button>
</div>
<h1>后台管理</h1>
<div>
<span>admin</span>
<a href="">退出</a>
</div>
<ul class="nav">
<li><a href="">href=”demo1.html” targer=”content”</a>菜单项1</li>
<li><a href="">href=”demo2.html” targer=”content”</a>菜单项2</li>
<li><a href="">href=”demo3.html” targer=”content”</a>菜单项3</li>
<li><a href="">href=”demo4.html” targer=”content”</a>菜单项4</li>
<li><a href="">href=”demo5.html” targer=”content”</a>菜单项5</li>
</ul>
<iframe src="" frameborder="0"> name=”content”</iframe>
<div>
<h1>
元素样式的来源
</h1>
<li>代理样式</li>
<li>自定义样式,会覆盖代理样式</li>
<li>书写顺序,若优先级相同书写后面的同名属性会覆盖前面的</li>
</div>
</body>
</html>
更多相关文章
- 更改android spinner 背景
- android改变alertdialog.builder样式
- Android(安卓)selector自定义shape的button样式
- vue 常用术语,样式与事件绑定,列表渲染的实例演示
- 演示vue常用术语、演示样式与事件绑定 、演示列表渲染
- 1.vue常用术语 2. 样式与事件绑定 3. 列表渲染,并理解diff算法:k
- vue常用术语、样式与事件绑定 和 列表渲染实例
- ProgressBar简介
- Android(安卓)仿微信Activity左右切换 【全局配置Activity显示动