在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。（div的实际占用尺寸变打了）但：一旦为页面设置了恰当的 DTD，大多数浏览器都会按照上面的图示来呈现内容。然而 IE 5 和 6 的呈现却是不正确的。...
分类：
Web程序 时间：
2014-07-26 17:12:32
阅读次数：
306
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？
分类：
其他好文 时间：
2014-07-26 14:04:56
阅读次数：
221
首先，我们需要知道在js中获取对象的宽度如offsetWidth等，可能会存在一些小小的bug。原因之一在于offsetWidth仅仅只是获取盒子模型中内容的部分宽度，并不包含内边距，边框和外边距，这样会导致控制对象运动与预期不符，这里就不详细的去解释。
而为了解决这个问题，在这里，我们提供了一个方法来保证我们的运动的准确性。
style只能获取元素的内联样式，内部样式和外部样式使用s...
分类：
Web程序 时间：
2014-07-26 02:52:26
阅读次数：
213
遇到 input与select 设置相同宽高，在浏览器上却显示不一致，遂实验了下（IE 10.013 ，Firefox 30.0），得出以下结论input width，height 值里面， 不包含 border边框和padding内边距，即：设置的只是内容本身的高与宽。border与padding...
分类：
其他好文 时间：
2014-07-26 00:59:06
阅读次数：
272
众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，这个如果添加动画效果会更好，jQuery所有的动画效果都是可以通过animate函数来实现，这里用到了一个CSS属性，scrollTop属性，是当前的滚动条距离上边距的而距离，此外，还在css中...
分类：
Web程序 时间：
2014-07-24 23:03:33
阅读次数：
358
本小节我们讲解css中的”盒模型“，即”box model“，它通常用于在布局的时候使用，这个”盒模型“也有人成为”框模型“，其实原理都一样，它的大致原理是这样的，它把一个HTML元素分为了这么几个部分：边距、边框、填充和实际内容，我们通过设置这几个内容可以设置它的一些现实形式。
*************盒模型*****************
1.盒模型从内向外依次是实际内容（Co...
分类：
Web程序 时间：
2014-07-23 13:31:46
阅读次数：
267
1、margin重叠 参考：http://blog.doyoe.com/~posts/css/2013-12-04-margin系列之外边距折叠.md 发生的条件：margin折叠元素只发生在块元素上；浮动元素不与其他元素margin折叠；定义了属性overflow且值不为visible（即创建.....
分类：
Web程序 时间：
2014-07-23 11:53:46
阅读次数：
360
本小节我们讲解css中的”盒模型“，即”box model“，它通常用于在布局的时候使用，这个”盒模型“也有人成为”框模型“，其实原理都一样，它的大致原理是这样的，它把一个HTML元素分为了这么几个部分：边距、边框、填充和实际内容，我们通过设置这几个内容可以设置它的一些现实形式。********.....
分类：
Web程序 时间：
2014-07-22 00:39:34
阅读次数：
282
所有的HTML元素都属于block和inline之一。block元素的特点是：（1）总是在新行上开始；（2）高度，行高以及顶和底边距都可控制；（3）宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和 是块元素的例子。相反地，inline元素的特点是： （1）和其他元素都在一行上；（2....
分类：
Web程序 时间：
2014-07-21 08:23:46
阅读次数：
213
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常...
分类：
其他好文 时间：
2014-07-20 23:28:42
阅读次数：
334
