1、flex-direction用来控制子项整体布局方向，是从左往右还是从右往左，是从上往下还是从下往上。 2、指定了内部元素是如何在flex容器中布局的，定义了主轴的方向(正方向或反方向)。 实例 .list...

1、order可以改变一个flex子项的排序位置。 2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活，那么order属性将毫无用处。 实例 <styletype="tex...

1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。 2、用于设置或者检索弹性盒模型对象的子元素排列方式。当多属性同时使用的时候，使用空格分隔。 实例 .flex-flow{ display:flex;...

1、flex-wrap属性规定灵活项目能否拆行或者拆列。 2、接受三个值，nowrap默认值、wrap宽度溢出则换行显示、wrap-reverse宽度溢出换行显示。 实例 display:flex; flex-direction:row; justify-co...

1、align-items中的items指的是flex 中的子项，因此align-items指的就是flex子项们相对于flex容器在垂直方向上的对齐方式。 2、适用于所有的flex容器，单行时候垂直居中使用align-items: center...

1、justify-content属性决定了水平方向子项的对齐和分布方式。 2、应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 实例 .box{...

1、使各种特殊形状的背景能够适应元素中的文本内容，并自由拉伸和滑动。 2、宽度足够长的背景图，同时设置在链接和链接文本的背景上，一左一右拉伸。 实例 a{ display:inline-block; height:33p...

1、层叠性，如有样式冲突，按CSS书写顺序，以最终样式为准。 2、继承性，子标签将继承父标签的某些样式。 如字号、文字颜色等文字属性。 3、优先级，当两个或多个规则同时应用于一个元素时，需...

1、小写字母加连字符(又称烤串命名法)，禁止下划线和驼峰命名。 2、布局：以g命名空间。 3、状态：以s为命名空间。 表示动态、交互状态。 4、工具：以u为命名空间。 表示不耦合业务逻辑的可重用...

1、将页面所涉及的所有零星背景图像集中到大图中，然后将大图用于网页。用户访问页面时，只需向服务器发送一次请求。 2、直接使用background-position等属性来准确定位所需的背景部分。 实例 &l...