* 解決img標簽上下出現的間隙:圖片文字等內聯元素,它默認對齊方式都是和它的父級的 baseline 去進行對齊的,但是對齊的是 baseline,撐開高度的卻是元素整體的高度(bottom line),這樣肯定就會造成一定的間隙:
*
1. display屬性設置為:block;
2. vertical-align設置為 middle;
3. 設置浮動;
4. 父元素把文字大小設成0;
*
1. display屬性設置為:block;
2. vertical-align設置為 middle;
3. 設置浮動;
4. 父元素把文字大小設成0;
2017-03-14
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。
-moz-box-sizing: border-box;
box-sizing: border-box;
通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。
2017-03-08
"ctrl"+"shift"+"[" 收縮代碼,
"ctrl"+"shift"+"]" 展開代碼,
"ctrl"+"e" 快速生成一個div.
"ctrl"+"shift"+"]" 展開代碼,
"ctrl"+"e" 快速生成一個div.
2017-03-08
少的一點是
#banner .inner h1{
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
margin: 0;
padding: 10px
}
然后在
#banner{
color: #fff;
}
最后改變button的背景色就可以了
#banner .inner h1{
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
margin: 0;
padding: 10px
}
然后在
#banner{
color: #fff;
}
最后改變button的背景色就可以了
2017-03-04