1.標簽選擇器 div{} 2.類選擇器 .one class="one" 3.id選擇器（定義+調用） #one{} id="one" 4.通配符選擇器 *{} 5.後代選擇器 .one a {} 6.子代選擇器 .one>a{} 7.交集選擇器 p.one {} 8.並集選擇器 .one,.tw ...
| 1.標簽選擇器 | |
| div{} | |
| 2.類選擇器 | |
| .one class="one" | |
| 3.id選擇器（定義+調用） | |
| #one{} id="one" | |
| 4.通配符選擇器 | |
| *{} | |
| 5.後代選擇器 | |
| .one a {} | |
| 6.子代選擇器 | |
| .one>a{} | |
| 7.交集選擇器 | |
| p.one {} | |
| 8.並集選擇器 | |
| .one,.two {} | |
| 9.偽類選擇器（1個常用的） | |
| a:hover{} | |
| 10.寬度100 | |
| width:100px; | |
| 11.高度150 | |
| height：150px; | |
| 12.字體大小20 | |
| font-size：20px; | |
| 13.字體不加粗 | |
| font-weight：normal 400 bold 700 | |
| 14.字體傾斜 | |
| font-style：normal; italic; | |
| 15.字體微軟雅黑 | |
| font-family："微軟雅黑"; | |
| 16.背景顏色紅色 | |
| background-color：red; | |
| 17.背景顏色黑色，透明度0.5 | |
| background-color：rgba（0,0,0,0.5）; | |
| 18.背景不平鋪 | |
| background-repeat：no-repeat; | |
| 19.背景位置 | |
| background-positio：center center; | |
| 20.文本方向水平居中 | |
| text-align：center; | |
| 21.文本方向垂直居中（高30） | |
| line-height：30px; | |
| 22.首行縮進2格 | |
| text-indent：2em; | |
| 23.取消下劃線 | |
| text-decoration：underline; none; | |
| 24.圓角矩形為圓形 <!-- * --> | |
| border-radius：50%; | |
| 25.右浮動 | |
| float：right; | |
| 26.左外邊距20 <!-- * --> | |
| margin-left：20px; | |
| 27.右內邊距10 <!-- * --> | |
| padding-right：10px; | |
| 28.絕對定位 <!-- * --> | |
| position:absolute; | |
| 29.相對定位 <!-- * --> | |
| position：relative; | |
| 30.過渡屬性 <!-- * --> | |
| transition：all 0.4s; | |
| 31.背景複合屬性 <!-- * --> | |
| background：url() no-repeat 0 0 center; | |
| 32.邊框 <!-- * --> | |
| border：1px soild（deshed） pink; | |
| 33.div標簽 | |
| <div></div> | |
| 34.span標簽 | |
| <span></span> | |
| 35.單選按鈕 | |
| <input type="radio" name="" id=""> | |
| 36.文件上傳 | |
| <input type="file" name="" id=""> | |
| 37.提交按鈕 | |
| <input type="submit" name="" id=""> | |
| 38.文本域 | |
| <textarea name="" id="" cols="30" rows="10"></textarea> | |
| 39.密碼框 | |
| <input type="password" name="" id=""> | |
| 40.下拉菜單 | |
| <select name="" id=""> | |
| <option value=""></option> | |
| </select> | |
| 41.無序列表 | |
| <ul> | |
| <li></li> | |
| </ul> | |
| 42.自定義列表 | |
| <dl> | |
| <dt> | |
| <dd></dd> | |
| </dt> | |
| </dl> | |
| 43.標題5 | |
| <h5></h5> | |
| 44.段落標簽 | |
| <p></p> | |
| 45.表單域 | |
| <form action=""></form> | |
| 46.普通文本框 | |
| <input type="text" name="" id=""> | |
| 47.表單普通按鈕 | |
| <input type="button" name="" id="" value="普通按鈕"> | |
| <button>普通按鈕</button> | |
| 48.加粗 | |
| <b></b> <strong></strong> | |
| 49.傾斜 | |
| <i></i> <em></em> |
