小技巧集合

1、若是內聯元素設置了 position:absolute;  float:left/right; 以後，內聯元素自動變成inline-block;

 

---

 

2、選擇器優先級：!important -->行間 --> ID --> class|屬性 --> 標籤 --> 通配符

 

---

 

3、權重值：

 

---

 

4、清除浮動三件套

div::after{

  content:""; 

  display:block;

  clear:both; 

}

 

---

 

5、單行文本溢出處理(三件套)

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

 

---

 

6、①P標籤不能套DIV

          ②A標籤不能套A標籤

 

---

 

7、當圖片的寬高大於父元素的寬高時，能夠使用  margin:0 -100%;  同時設置父元素 text-align:center;