* 解决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