比喻：html相当一个人拥有头和身体但头部一般不会被看到（title和link中可被看到），css相当于衣服。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> ##主动闭合标签 成对出现
<style>
/*.c1{*/ ###class选择器
/*background-color: red;*/
/*}*/
/*.c2{*/
/*height: 100px;*/
/*width: 100px;*/
/*}*/
/*#i2{*/ ###id
/*background-color: red;*/
/*}*/
/*div{*/ ####标签选择器
/*background-color: green;*/
/*}*/
.c1:hover{
} ##当鼠标移动到设置样式。
</style>
</head>
<body>
<div style="height: 200px;width: 200px;border: 1px red solid;position: relative"> ##分层
<div style="height: 20px;width: 20px;background-color: green;position: absolute;right: 0;bottom: 0;"></div> #与absolute联用
<div style="height: 20px;width: 20px;"></div>
<div style="height: 20px;width: 20px;"></div>
<div style="height: 20px;width: 20px;"></div>
</div>
z-index定义层级
<div> </div> ##伪白板标签
<h1> </h1> ##标题标签
<span> </span> ##白板标签
<input type="text">
<from action="/login">
<input type="button" value="anniu"> ####与js绑定 一般ajax
<input type="submit" > ### 和from联用可以直接提交数据 向action属性提交
</from>
<input type="checkbox" checked="checked">
<input type="radio" name="nn">
<input type="password">
<input type="file">
<input type="reset"> ##代码回到初始状态
<selest name="dd"> ###下拉框选项
<option value="dd">1</option> ###形成{等待：dd}模式
<option>2</option>
<option>3</option>
<option>4</option>
</selest>
<table>
<thead border="1">
<tr>
<th colspan="2"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
