1. HTML
2. CSS
2.1 CSS 選擇器優(yōu)先級(jí)
!important > 行間樣式 > id 選擇器 > Class 選擇器 | 屬性選擇器 | 偽類選擇器 > 標(biāo)簽選擇器 | 偽元素選擇器 > 通配符選擇器
2.2 CSS 選擇器權(quán)重(256進(jìn)制)
| 選擇器 | 權(quán)重 |
|---|---|
| !important | infinity |
| 行間樣式 | 1000 |
| id 選擇器 | 100 |
| Class 選擇器、屬性選擇器、偽類選擇器 | 10 |
| 標(biāo)簽選擇器、偽元素選擇器 | 1 |
| 通配符選擇器 | 0 |
2.3 盒模型可視區(qū)域大小
盒模型寬 = border-left + padding-left + width + padding-right + border-right
盒模型高 = border-top + padding-top + height + padding-bottom + border-bottom
2.4 margin 塌陷
2.5 單行文本超出文本區(qū)域顯示省略號(hào) 三件套
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
3. JavaScript
4. 其他
4.1 主流瀏覽器及其內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | Trident |
| Firefox | Gecko |
| Chrome | WebKit/Blink |
| Safari | WebKit |
| Opera | Presto/Blink |