一、手机界面底部操作栏的创建。 1 21 22 23 新建文件夹24 复制25 删除26 css flexbox(可伸缩盒模型)：面向的场景，容器的大小是可变的，在容器内部的子节点，也要随着容器的变动，进行大小的调整和次序的变更，并且能够自动填满容器，伸缩容器，伸缩项目，主轴...
分类：
移动开发 时间：
2015-08-10 19:44:34
阅读次数：
212
1、盒子模型： 标准盒模型：在现代浏览器标准模式下使用的盒子模型。 width，height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容分区域的尺寸，但是会增加元素框的总尺寸。假设框的每个边有10px的外边距和5px的内边距，如果希望这个框达到100px宽，就需要将内容...
分类：
其他好文 时间：
2015-08-10 13:33:03
阅读次数：
109
连接列表定位浮动盒子模型w3c标准盒模型如下：说明：（区别就是IE盒模型width、height包含border和padding，而w3c标准盒模型不包含）
分类：
Web程序 时间：
2015-08-08 10:20:35
阅读次数：
118
概述要掌握 CSS 技术，核心就是要掌握元素定位，只有这样才能用 CSS 创造出专业水准的页面布局。决定元素位置的因素主要有：盒模型、position、display，以及float和clear。
所谓盒模型，就是浏览器为页面中的每个 HTML 元素生成的矩形盒子。这些盒子们都要按照可见版式模型在页面上排布。可见的页面版式主要由三个属性控制： position 属性、 display 属性和 fl...
分类：
Web程序 时间：
2015-08-06 15:07:39
阅读次数：
159
Flexbox是一个相当优秀和新颖的布局方式，因此会碰到很多兼容性问题。Flexbox的规范工作也进行了很多年了，不同浏览器对不同版本的实现程度也不一致。但是大体可以分为旧版本和新版本两个版本(混合版本仅支持IE10，不予考虑)，对于这两个版本的支持情况可以参照下图更多详细的兼容性情况可以参照“Ca...
分类：
Web程序 时间：
2015-08-06 13:02:10
阅读次数：
121
如何去理解一个页面需要仔细分析,页面结构形式再怎么变化,最终都还是基于两列布局结构的演变. 不同布局之间最大的区别是：列宽度是固定宽度还是自适应 布局思路：主要利用浮动和定位方式，借助负边距 宽度值与浮动的关系： 盒模型宽度默认auto，宽度撑满浏览器窗口宽度或其父级宽度，拥有p...
分类：
其他好文 时间：
2015-08-05 14:35:12
阅读次数：
137
1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position：属性有哪些取值，它们的行为是什么？ 无依赖绝对定位？ 6. Display：常见属性值有哪些取值？ 7. 对BFC规范的理解？ 1. 盒模型 盒模型从内向外包括content,padding,b...
分类：
Web程序 时间：
2015-08-05 12:16:52
阅读次数：
143
CSS中的背景，类似于Adobe PS中的图层概念。背景为元素添加背景颜色和背景图片提供了支持，实际上每个HTML元素由前景层和背景层组成前景层包括内容和边框，背景层包括背景色和背景图HTML盒模型的三维透视图如下每个HTML盒子，都有以下的CSS属性background-colorbackgrou...
分类：
Web程序 时间：
2015-08-04 12:52:04
阅读次数：
137
我们知道在CSS2中，可以使用“浮动”和“定位”来改变盒子在文档流中的显示方式。这两种方式也是目前广泛使用的布局方式，但是在实践过程中会发现有些特殊的布局没法或者很难通过这两种方式来实现。在CSS3中映入了伸缩布局盒模型的概念，这样可以使得某些难以实现的布局变得非常轻松。
分类：
Web程序 时间：
2015-08-03 16:30:01
阅读次数：
183
首先弄明白一个概念，上面是bfc？
w3c是这样解释
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。
说通俗一点就是：
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block,...
分类：
Web程序 时间：
2015-08-02 20:06:53
阅读次数：
148
