zxy9602的博客

1、作用：利用Flex可实现完美居中效果；例（1）——display:flex;（注意：无论父元素以何种比例递增，元素依旧保持水平居中） .container{ width:200px; height:200px; background: cadetblue; border: 1px solid #ccc; display: flex;

制作色子，即制作相对应的1-6的几个点1、运用知识点a、容器——containerb、项目——item代码示例：>2、主要采用上述两个的属性值进行编辑例如：flex-direction方向——row、column、row-reverse、column-reversejusitfy-content:center——水平居中flex-wrap：wra

1、order取值：数值功能：（1）容器中有多个项目，      （2）项目的默认摆放时沿主轴（纵向）方向，即按文档中dom元素的书写顺序进行排列的；应用：order属性用于更改在主轴方向上排列顺序。order数值越小，排列越靠前，默认为0，可以为负数。注意：order它与主轴的方向有关系（默认情况为主轴的方向）.container{width:100px;h

1、基本网格布局分情况讨论：（1）如果所有的项目有相同的结构 flex-shrink压缩 .container{ padding-top:20px; display: flex; width: 500px;/*当容器container的宽度200<项目item的宽度150*2 */ height: 400px;

1、APP的分类（1）原生APP（2）混合APP（3）WEB APP2、PC端和移动端的差别（1）用户交互方式不同：表现在鼠标、手指（2）呈现的数据量不同：PC端——屏幕大、内容多移动端——内容少（3）用户体验上不同移动端——用户会注意“流量”，即要求代码的体积要小，     即在使用框架时，第三方插件时，就与PC端有不同的选择。Jquery

Flexbox布局概念Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易，可以使用更少的代码，更简单的方式实现更复杂的布局，例如对齐方式，排列方向，排列顺序（这也是F

新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整套布局规范，包含了多个css属性，所以学习起来比`float: left;` 这样简单的布局要复杂很多。基本原理容器上有 主轴和纵轴的概念，默认主轴（main-axis）是横向，从左到右，纵轴是竖向，从上到下。其中所有的孩子的布局都会受到这两个轴的