其实理解CSS的定位的时候多看看定义可以消除很多疑虑：盒模型的四种定位方式：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。absolute...
分类：
Web程序 时间：
2016-01-10 16:58:40
阅读次数：
178
昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题：1.浮动到底是怎么样的？2.浮动对元素的影响有什么？3.浮动主要用来干什么？第一个问题：浮动到底是怎么样的？W3CSCHOOL对浮动属性的解释：浮动的框可以向左或向右移动，直到它的...
分类：
Web程序 时间：
2016-01-09 20:07:08
阅读次数：
140
今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后，自己的主要注意力几 乎都放在JavaScript上面了，对CSS和HTML这方面其实基础真的很差，今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下，自己确实在这...
分类：
Web程序 时间：
2016-01-08 20:11:28
阅读次数：
173
1px dashed虚线box-sizing拯救了布局1、inherit 继承父级2、content-box（默认）-----这个盒子的边框、内边距 这2个值是不包括在width和height中，所以外扩3、border-box---- 这个盒子的边框、内边距 这2个值是包括在width和heigh...
分类：
Web程序 时间：
2016-01-08 18:44:53
阅读次数：
277
盒模型、position、float。他们是css的基础，之间看似独立却又相辅相成。元素类型块级元素、内联元素他们之间有以下区别：1、块级元素独占一行，除非显示的修改display属性。而内联元素都会在一行内显示。2、块级元素可以设置width、height属性，而内联元素不行。3、块级元素的wid...
分类：
Web程序 时间：
2016-01-07 23:00:12
阅读次数：
315
第四章:高质量的css1)怪异模式和标准模式在标准模式中，浏览器根据规范表现页面；而怪异模式通常模拟老式浏览器的行为以防止老站点无法工作。他们两者之间的差异比较典型的表现在IE对盒模型的解析：在标准模式中，网页元素的宽度=padding+border+width;而在怪异模式中，width本身就包括...
分类：
Web程序 时间：
2016-01-06 00:16:05
阅读次数：
282
css007 margin padding border1、理解盒模型（盒模型：就是把一些东西，包括html各种标签都包含在一个看不见的盒子里） 1/在web浏览器中任何标签都是一个盒子，内容的周围环绕着装饰盒子的不同属性 Pad ding：内容和其框线之间的距离 Margin：一个标签和另一...
分类：
Web程序 时间：
2016-01-04 23:46:54
阅读次数：
253
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
盒模型 .box { width: 200px; height: 200px; border: 2px solid red; } 通常设置的width、height，仅仅指内容区域，不包含border、padding在内。但是，可以通过设置 box-sizing属性，指定盒模型区域，box-sizi...
分类：
Web程序 时间：
2016-01-03 00:19:51
阅读次数：
286
