在盒子模型中，如果父元素(div)设定了宽度，那么它的子元素(div)宽度默认为 100%这个时候对设置子元素的padding border宽度进行设置，盒子会向内扩展 (图中第二种情况)也就是：父元素宽度 = 子元素 border+padding+width (子元素宽度没设置)但是如果显式对.....
分类：
其他好文 时间：
2016-01-26 18:14:36
阅读次数：
160
作为前端开发工程师，大家都应该知道盒子模型。下面用一张图来表达3D盒子模型的层级关系大家可以看到background-color 在background-image的下一层。这个希望对大家有帮助
分类：
Web程序 时间：
2016-01-23 18:11:46
阅读次数：
560
盒子模型概述盒子模型是CSS的基石之一，他指定元素如何显示以及（在某种程度上）如何交互。页面上的每个元素都被看做一个矩形框，这个框由元素的内容、内边距、边框和外边距组成，如图所示： 内边距，边框和外边距都是可选的，默认值为0，但是很多元素会由用户代理样式表（浏览器样式）设置内边距和外边距，可以通.....
分类：
其他好文 时间：
2016-01-22 10:29:23
阅读次数：
185
--------------------------------------CSS盒子模型-----------------------------------1.什么是盒子模型?盒子模型可用于元素定位和网页布局.盒子模型中,每个元素(不论是块级还是内嵌元素)都会产生一个矩形盒子围绕在元素的内容之外...
分类：
其他好文 时间：
2016-01-17 20:13:19
阅读次数：
210
如果在页面中重叠了多个元素，并且重叠在这些元素都绑定了同一个事件，那么就会出现冒泡问题（这些元素在一个div内或者一个盒子模型内）$('input').click(function(){ alert('input');})$('div').click(function(){ alert(...
分类：
Web程序 时间：
2016-01-09 17:04:24
阅读次数：
160
一、盒子模型网页可以看成由一个个"盒子"组成，如图：由上图可以看出，页面分为上(网站导航)、中、下(版权声明)三个部分，中间部分又分为左(商品分类)、中(主要部分)、右，这些版块就像一个个的盒子，这些"盒子"中放置着各种内容，页面就是由这些"盒子"拼凑起来，先将这些“盒子”的位置样式确定下来，然后在...
分类：
Web程序 时间：
2016-01-09 12:33:20
阅读次数：
214
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不...
分类：
Web程序 时间：
2016-01-06 09:09:19
阅读次数：
259
box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(...
分类：
Web程序 时间：
2016-01-04 15:36:28
阅读次数：
209
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2016-01-04 11:36:37
阅读次数：
249
有关盒模型的一点思考有关盒模型的一点思考盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。 其实盒子模型有两种，分别是标准 w3c 盒子模型和 IE 盒子模型。 他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：一、w3c盒子模型看下面的图，根据色块，右外倒内，分别...
分类：
其他好文 时间：
2015-12-31 16:02:53
阅读次数：
178
