css 技巧
1、margin: 上右下左順序
margin-top: 20;margin-left: 20=margin:20 0 0 20
margin:20 0=margin:20 0 20 0
2、!important (出現在熟悉值最后)指明規則重要性。如果規則出現沖突,!important將勝出。如:
p {color :red;} p {color :blue!important;} --規則將被應用
3、display:inline-block會導致元素有橫向或者縱向間距。橫向間距可通過font-size:0px;解決;縱向間距可通過vertical-align:top解決。
4、子元素設置float后,可能會導致父元素的高度為0、解決辦法:
- 父元素設置overflow:hidden;
- 父元素與子元素一起設置浮動
- 修改子元素設置float為display:inline-block;
5、font中font-size 和font-family是必須的,并且font-size在前。其他如font-style,font-weight,font-variant是可選的
浙公網安備 33010602011771號