Other_5.表單美化中新的知識點

1、font：normal 13px/20px  "微軟雅黑";

等於

font-weight:normal;//不加粗
font-size:13px; //字體大小
line-height:20px; //行高

font-family:"微軟雅黑"

2、複選按鈕

<input type="checkbox" name="" id="good"/><label for="good">正品保證</label>

當使用複選按鈕的時候，假如input的 id 等於label的 for ，那麼用戶在點擊“正品保證”四個字的時候，同樣也可以把選框打上勾，優化了用戶體驗。

3、border-width：邊框。

border-width：1px  0;上下有 1 像素的邊框，左右沒有邊框。

4、JS代碼動態生成元素標籤

var bTag = document.createElement("b");//括號裏填寫的是需要動態生成的元素標籤名，例如b標籤。

5、將JS動態產生的標籤插入到所需的位置

li.[i].insertBefore(需要插入的標籤，需要插入到那個標籤的前面)