css的盒子模型是一个前端工程师必须知道的知识点。一个元素，它的盒子模型是：margin（边界）+border（边框）+padding（填充）+content（内容）。其中除了content，其他三个都有上下左右4个方向，比如：margin-left，padding-left，border-left...
分类：
其他好文 时间：
2014-12-12 18:30:09
阅读次数：
172
.aspx代码如下：
#div_nav{ width:200px;}
#div_content { width:500px;
margin-left:20px;
padding:10px; }
...
分类：
Web程序 时间：
2014-12-11 22:33:58
阅读次数：
374
说明：请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示，我们你要实现的效果就是，（1）在一行中显示两块元素；（2）每块元素的长度根据它里面的文字变化还是先看代码吧：HTML 1234567 2 2 1111...
分类：
其他好文 时间：
2014-12-11 22:22:57
阅读次数：
179
1、display 属性规定元素应该生成的框的类型。值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1 新增的值）list-item此元素会作为列...
分类：
Web程序 时间：
2014-12-10 12:09:17
阅读次数：
162
怎么样才会发生在IE6下列表li空白间距的bug，如下：运行123456列表空白间距bug列表空白间距bug列表空白间距bug列表空白间距bug运行1.list-item a{display:block;}DEMO只要将列表li的子元素(子元素是行内元素的情况下，比如a,span)设置成块元素就会在...
分类：
其他好文 时间：
2014-12-10 12:08:03
阅读次数：
130
1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度...
分类：
其他好文 时间：
2014-12-09 22:59:05
阅读次数：
326
IE5.5及更早的版本使用的是IE盒模型，在在IE6及以上版本的浏览器中，浏览器支持一种解决了这种差异的可选的渲染模式，也开始遵循标准模式。IE盒模型和W3C盒模型的差异：IE盒模型，块元素的实际宽度=width（包含padding和border）；W3C盒模型，块元素的实际宽度=width+pad...
分类：
其他好文 时间：
2014-12-09 15:36:49
阅读次数：
127
Bootstrap里的grid system里面 (源代码) 有这么一段，[class*="span"] { float: left; margin-left: @gridGutterWidth;}用RECESS去跑会看到提示：Universal selectors should be avoi.....
分类：
Web程序 时间：
2014-12-09 13:45:30
阅读次数：
181
margin-top ，margin-right ，margin-bottom ，margin-left 。方向为 上右下左，顺时针方向，值可以是：百分比（基于父对象总高度或宽度的百分比）长度值（定义一个固定的边距）auto（浏览器设定的值）。margin指的是元素边界外的距离，padding指的是...
分类：
其他好文 时间：
2014-12-07 19:00:21
阅读次数：
148
块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 如 果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想 要的位置上...
分类：
Web程序 时间：
2014-12-06 21:33:24
阅读次数：
372
