码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
display的用法flex
做移动端这种布局格式很好,上和下固定,中间自适应,但要设置body为100% 这里还有个问题是安卓设备下会把他撑上去,所以要兼容安卓得要上间下都得固定html,body { height: 100%;}body { margin: 0;}article { height: 100%; d...
分类:其他好文   时间:2015-08-04 15:12:49    阅读次数:89
css元素的margin,padding
一、元素的分类1.内联元素:不独占一行,不能设置宽高,对其设置的margin,padding,不会影响垂直位置。如、、、、、、、、、、...a:对内联元素设置padding属性top,left,bottom,right都会生效;但是给内联元素设置padding-top属性最多只会撑高到浏览器顶部,p...
分类:Web程序   时间:2015-08-04 14:55:00    阅读次数:147
div border做三角形原理
.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: 四个边都可以设置。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
IE9以下通过css让html页面背景图片铺满整个屏幕
第一种方法不设为背景图片,通过css来控制样式,可兼容到IE6,代码如下: 亳州市药博会后台登陆 body,html { margin: 0; padding: 0; overflow: hidden;}....
分类:Web程序   时间:2015-08-04 12:47:53    阅读次数:151
布局1
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
CSS样式属性
一、背景与前景1.背景:2.前景字体:(二)边界和边框border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。margin(外边距)对自身不会有变化,padding(内边距) 本身放大,对别的没用(三)列表与方块width、height、(top、bottom...
分类:Web程序   时间:2015-08-03 18:34:01    阅读次数:120
css控制背景图片在浏览器中居中,下拉浏览器的时候背景图一直不变
如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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!