探讨这种布局是因为最近对话框组件以及信息系统B/S界面布局的需要。无论是什么,我们在写CSS之前首先引入reset.css,我使用的是淘宝的reset。句容市鄂茂钢铁01/*02KISSY CSS Reset03*/04/** 清除内外边距 **/05body, h1, h2, h3, h4, h5...
                            
                            
                                分类:
Web程序   时间:
2014-11-16 22:49:38   
                                阅读次数:
311
                             
                         
                    
                        
                            
                            
                                css的auto用法: 有个div,要在不同的分辨率的显示屏中都居中,就要用到auto:margin: 0 autow3cschool对此的解释是:使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素。注释:除非已经声明了 !DOCTYPE,否则使用 margi....
                            
                            
                                分类:
Web程序   时间:
2014-11-15 15:19:17   
                                阅读次数:
291
                             
                         
                    
                        
                            
                            
                                1、理解盒模型每一个元素都会在页面上生成一个盒子,如下图所示:一个盒子包括了以下几个部分外边距(margin):设置盒子与相邻元素之间的距离边框(border):设置边框的粗细、样式和颜色内边距(padding):设置盒子的内容与边框之间的距离内容(content):内容显示区2、边框(Border...
                            
                            
                                分类:
Web程序   时间:
2014-11-14 14:07:54   
                                阅读次数:
231
                             
                         
                    
                        
                            
                            
                                一个盒子实际所占有的宽度或高度是由"内容+内边距+边框+外边距"组成。 1.边框border边框的主要属性有三个,分别是:border-width:边框宽度、 border-style:边框样式、border-color:边框颜色。以上属性可以单个写,也可以写成:border:[border-wi....
                            
                            
                                分类:
Web程序   时间:
2014-11-13 16:30:37   
                                阅读次数:
300
                             
                         
                    
                        
                            
                            
                                元素块的居中 首先有这样一个200*200px的元素块在界面内。 元素块的水平居中: 如果想要让其水平居中,则有三种方法: 第一种是知道屏幕的长宽,则根据计算,(屏幕宽X-元素块宽Y)/ 2的结果是元素块向右偏移的长度,不过这种方法很蠢笨,通过外边距调整元素的位置只有在调整元素间的间...
                            
                            
                                分类:
Web程序   时间:
2014-11-12 00:33:46   
                                阅读次数:
322
                             
                         
                    
                        
                            
                            
                                一、行内元素与块级函数的三个区别行内元素的特点:和其他元素都在一行上;高,行高及外边距和内边距部分可改变;宽度只与内容有关;行内元素只能容纳文本或者其他行内元素。行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效块级元素总是在...
                            
                            
                                分类:
Web程序   时间:
2014-11-06 16:55:51   
                                阅读次数:
254
                             
                         
                    
                        
                            
                            
                                定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。 margin: top right bottom left margin-top: margin-right: margin-bottom: margin-left:
                            
                            
                                分类:
其他好文   时间:
2014-11-05 00:21:14   
                                阅读次数:
222
                             
                         
                    
                        
                            
                            
                                外边距叠加This paragraph has a 20px margin.给div框设置10像素外边距,段落设置20像素外边距,效果会是下图。段落的外边距与div的外边距叠加,形成20像素的垂直外边距。这些外边距不是被div包围,而是突出到div的顶部和底部的外边。如果元素没有垂直边框或内边距,它...
                            
                            
                                分类:
其他好文   时间:
2014-11-04 19:31:45   
                                阅读次数:
254
                             
                         
                    
                        
                            
                            
                                1、IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG例如:因为加上浮动后就会多出一倍的边距,浮动后本来外边距10px,但IE6会解析成20px,只需要在div的样式里加上display:inline;就可以...
                            
                            
                                分类:
Web程序   时间:
2014-11-04 14:25:34   
                                阅读次数:
224
                             
                         
                    
                        
                            
                            
                                margin:用来定义元素周围的空间。margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的。margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。1 div{2 margin-top:10px;3 margin-buttom:10p...
                            
                            
                                分类:
Web程序   时间:
2014-11-01 21:48:35   
                                阅读次数:
451