復習小結(10)
比喻: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>
復習小結(10)