做移动端这种布局格式很好,上和下固定,中间自适应,但要设置body为100% 这里还有个问题是安卓设备下会把他撑上去,所以要兼容安卓得要上间下都得固定html,body { height: 100%;}body { margin: 0;}article { height: 100%; d...
分类:
其他好文 时间:
2015-08-04 15:12:49
阅读次数:
89
一、元素的分类1.内联元素:不独占一行,不能设置宽高,对其设置的margin,padding,不会影响垂直位置。如、、、、、、、、、、...a:对内联元素设置padding属性top,left,bottom,right都会生效;但是给内联元素设置padding-top属性最多只会撑高到浏览器顶部,p...
分类:
Web程序 时间:
2015-08-04 14:55:00
阅读次数:
147
.t0{??
????margin:30px;??
????height:200px;??
????width:200px;??
????border-top:solid?100px?red;??
????border-left:solid?100px?green;??
????border-right:soli...
分类:
其他好文 时间:
2015-08-04 13:46:19
阅读次数:
103
.info {
position: relative;
margin-bottom: 5px;
}
.info input {
width:...
分类:
其他好文 时间:
2015-08-04 13:29:40
阅读次数:
125
切页面~border: 四个边都可以设置。border-top\border-right\bottom\left。1. 四个边交汇的地方是怎么处理的呢?平分~.t1{margin:30px;height:100px;width:100px;border-top:solid30pxred;borde....
分类:
其他好文 时间:
2015-08-04 13:06:20
阅读次数:
114
第一种方法不设为背景图片,通过css来控制样式,可兼容到IE6,代码如下: 亳州市药博会后台登陆 body,html { margin: 0; padding: 0; overflow: hidden;}....
分类:
Web程序 时间:
2015-08-04 12:47:53
阅读次数:
151
IE6的3像素bug3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。看下面这个左列固定,右列液态的例子,css代码如下:body { margin:0;}#side { float: left; background:#99FF99; height:...
分类:
其他好文 时间:
2015-08-04 10:34:51
阅读次数:
95
一、背景与前景1.背景:2.前景字体:(二)边界和边框border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。margin(外边距)对自身不会有变化,padding(内边距) 本身放大,对别的没用(三)列表与方块width、height、(top、bottom...
分类:
Web程序 时间:
2015-08-03 18:34:01
阅读次数:
120
如http://www.gm.com/css样式如下 1 body{ margin:0; padding:0;} 2 #con{ 3 position:absolute; 4 top:0; 5 left:0; 6 height:100%; 7 width:100%; 8 backgro...
分类:
Web程序 时间:
2015-08-03 18:21:48
阅读次数:
156
浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的...
分类:
其他好文 时间:
2015-08-03 16:51:14
阅读次数:
94