我们把网页的常用的布局格式分为以下三种:1.标准流。所谓的标准流就是,行内元素自己单独一行,而块级元素是上下显示的。以前我们学习的都是标准流。注意:标准流使我们网页布局中最稳定的一种结构 2.浮动流使我们学习的脱离标准流的第一种方式。会影响我们标准流的排列。所以,我们布局的时候,能用标准流做的,就....
                            
                            
                                分类:
Web程序   时间:
2014-08-12 21:24:34   
                                阅读次数:
210
                             
                    
                        
                            
                            
                                日进实习第二周,着手开始HTML5方面的工作。1.margin&paddingmargin:一个元素所占空间的边缘到相邻元素之间的距离padding:元素内容到元素边界的距离2.特殊符号空格: 引号:" 小于:< 大于:> 版权号(@)©3. 标签跳转到本文档中标记位置...
                            
                            
                                分类:
Web程序   时间:
2014-08-12 18:52:34   
                                阅读次数:
275
                             
                    
                        
                            
                            
                                html中元素分为行内元素和块级元素。采用margin或者float来使元素居中,是比较常见的方法。margin:0 auto只能用于块级元素,不能使行内元素居中。参考知乎上为什么「margin:auto」可以让块级元素水平居中?,margin:0 auto,是左右外边距自适应,水平方向的 auto...
                            
                            
                                分类:
Web程序   时间:
2014-08-11 23:54:03   
                                阅读次数:
265
                             
                    
                        
                            
                            
                                CSS网页错位之DIV CSS宽度计算DIV CSS宽度计算之CSS网页布局错位(体感音乐)为什么计算宽度计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度,如果不计算无论是宽度过大过小就会出现错位问题。怎么计算CSS...
                            
                            
                                分类:
Web程序   时间:
2014-08-11 10:06:31   
                                阅读次数:
147
                             
                    
                        
                            
                            
                                1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline3、以下三种其实是同一种bug,其实也不算是...
                            
                            
                                分类:
其他好文   时间:
2014-08-11 00:17:01   
                                阅读次数:
239
                             
                    
                        
                            
                            
                                1.首先先看一下浮动 (1)左浮动:元素本身经可能的左移动,知道碰到边框或者是别的浮动元素,把他右边的位置让给别的元素。如果右边的空间不够则自动换行。浮动对于快元素和行内元素都生效。 (2)右浮动:与左浮...
                            
                            
                                分类:
Web程序   时间:
2014-08-10 15:56:10   
                                阅读次数:
207
                             
                    
                        
                            
                            
                                第一部分 normalize.css 167至171行 fieldset?{
??padding:?.35em?.625em?.75em;
??margin:?0?2px;
??border:?1px?solid?#c0c0c0;
}
legend?{
??padding:?0;
??border:?0;
} 表单分组标题的...
                            
                            
                                分类:
其他好文   时间:
2014-08-10 13:11:30   
                                阅读次数:
282
                             
                    
                        
                            
                            
                                原理: “margin-bottom:-1000px;”和“padding-bottom:1000px;”12345678910111213141516171819202122232425262728293031323334353637383940leftleftleftleftleft333
                            
                            
                                分类:
其他好文   时间:
2014-08-10 01:31:09   
                                阅读次数:
324
                             
                    
                        
                            
                            
                                * {  font-family: Verdana;font-size: 96%; } label {width: 10em;float: left;}   
label.error {float: none;color: red; padding-left: .5em;vertical-align: top;}   
p{clear: both;}.submit {margin-left:...
                            
                            
                                分类:
Web程序   时间:
2014-08-09 11:38:37   
                                阅读次数:
297
                             
                    
                        
                            
                            
                                上图:html和jquery实现的饼图特效,效果特好使用方法:引入脚本和css class="brush:js;toolbar:false">如果IE浏览器支持需要加载这个js页面部分css代码*{margin:0;padding:0;list-style-type:none;}bo...
                            
                            
                                分类:
Web程序   时间:
2014-08-09 09:03:07   
                                阅读次数:
591