* 解決img標(biāo)簽上下出現(xiàn)的間隙:圖片文字等內(nèi)聯(lián)元素,它默認(rèn)對(duì)齊方式都是和它的父級(jí)的 baseline 去進(jìn)行對(duì)齊的,但是對(duì)齊的是 baseline,撐開高度的卻是元素整體的高度(bottom line),這樣肯定就會(huì)造成一定的間隙:
*
1. display屬性設(shè)置為:block;
2. vertical-align設(shè)置為 middle;
3. 設(shè)置浮動(dòng);
4. 父元素把文字大小設(shè)成0;
*
1. display屬性設(shè)置為:block;
2. vertical-align設(shè)置為 middle;
3. 設(shè)置浮動(dòng);
4. 父元素把文字大小設(shè)成0;
2017-03-14
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。
-moz-box-sizing: border-box;
box-sizing: border-box;
通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。
2017-03-08
"ctrl"+"shift"+"[" 收縮代碼,
"ctrl"+"shift"+"]" 展開代碼,
"ctrl"+"e" 快速生成一個(gè)div.
"ctrl"+"shift"+"]" 展開代碼,
"ctrl"+"e" 快速生成一個(gè)div.
2017-03-08
少了一段視屏,不過自己可以腦補(bǔ)出來,但是這對(duì)初學(xué)者不友好
2017-03-08
少的一點(diǎn)是
#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
得到了實(shí)用小技巧 快捷鍵 1.ul>li{item$}*8 2.lorem 加tab
2017-03-04