1. 程式人生 > >復習小結(10)

復習小結(10)

選擇 height rom 擁有 utf-8 z-index radio 定義 option

比喻: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)