完善clearfix
.clearfix:before,
.clearfix:after{
content: "";
display: table;
clear: both;
}
.clearfix{
zoom: 1;
}
表單
input
type屬性可選值：
text：文本框
password：密碼框
submit：提交按鈕
radio：?jiǎn)芜x按鈕
checkbox：多選框
reset ：重置按鈕
select译仗、option
select用于創(chuàng)建一個(gè)下拉列表。
option表示下拉列表中的列表項(xiàng)官觅。
optgroup用于為列表項(xiàng)分組纵菌。
textarea
textarea用來(lái)創(chuàng)建一個(gè)文本域，實(shí)際效果和 文本框類(lèi)似休涤，只是可以輸入多行數(shù)據(jù)产艾。
可用屬性：
cols：文本域的列數(shù)
rows：文本域的行數(shù)
fieldset、legend滑绒、label
fieldset用來(lái)為表單項(xiàng)進(jìn)行分組闷堡。
legend用于指定每組的名字。
label標(biāo)簽用來(lái)為表單項(xiàng)定義描述文字疑故。
<form action="xxx.html">提交的服務(wù)器
<fieldset> 外框
<label for="um">用戶名</label> 外框的標(biāo)題
<input id="um" type="text" name="username" value="value"> 提交username name用于服務(wù)器分辨杠览。value對(duì)應(yīng)for name服務(wù)器調(diào)用
<label for="pwd">密碼</label>
<input id="pwd" type="password" name="password"><br><br>
</fieldset>
單選
性別<input type="radio" name="gender" value="male" id="male">
<label for="male">男</label>
<input type="radio" name="gender" value="female" checked="checked" id="female"> checked默認(rèn)值
<label for="female">女</label>
多選
愛(ài)好<input type="checkbox" name="hobby" value="zq">zq
<input type="checkbox" name="hobby" value="lq">lq
<input type="checkbox" name="hobby" value="ymq" checked="checked">umq
<input type="checkbox" name="hobby" value="ppq" checked="checked">ppq
下拉
<select name="start">
<optgroup label="女明星">
<option value="fbb">ss</option>
<option value="lxr">aa</option>
</optgroup>
<optgroup label="男明星">
<option value="zbs" selected="selected">xx</option>
<option value="ldh">ldh</option>
</optgroup>
</select>
文本域
自我介紹<textarea name="info"></textarea>
圖片在ie6修復(fù)
IE6png24的修復(fù)。（透明效果不好）
png24 改png8. 清晰度下降纵势。
條件hack 為特殊瀏覽器特殊設(shè)置踱阿。只對(duì)ie6有效管钳。
屬性hack
選擇符hack
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix("div,img");
</script>
<![endif]-->