1、order可以改变一个flex子项的排序位置。2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活,那么order属性将毫无用处。实例 1…
1、flex-grow指扩展flex子项所占据的宽度,扩展的空间就是除去元素外剩余的空白间隙。2、不支持负值,默认值是0,表示不占用剩余的空白间隙扩展自己的宽度。如果flex-gr…
1、flex-basis定义了元素在分配剩余空间之前的默认大小。2、默认值是auto,即自动。如果有设置width,占用空间就是width。如果没有设置,按照内容宽度。若同时设置w…
1、align-self属性定义flex子项单独在侧轴(纵轴)方向上的对齐方式。2、align-self多了个auto(默认值),表示继承自flex容器的align-items属性…
1、缩进用四个空格。2、在每个声明块的左花括号之前添加一个空格。3、声明块的右花括号应单独设置。4、每个声明语句:之后插入一个空格,前面没有空格。5、所有的声明句子都以分号结束,不…
1、分组选择器时,将单独的选择器单独放在一行。2、为选择器中的属性添加双引号。3、最好不要超过5级选择器级。4、每个选择器独占一列,除最后一个选择器外,其它每一列选择器均以逗号结尾…
1、尽量把媒体查询放在相关规则附近,不要放在文档底部,否则很容易被后来维护的人遗忘。2、媒体查询针对每一个种屏幕(大、中、小)的分别单独组织为一个文件。实例.element { }…
1、小写字母加连字符(又称烤串命名法),禁止下划线和驼峰命名。2、布局:以g命名空间。3、状态:以s为命名空间。表示动态、交互状态。4、工具:以u为命名空间。表示不耦合业务逻辑的可…
1、用四位数串来表示权重。每个数字代表一个级别,从左到右,级别依次降低,级别之间没有进位。每个选择器的贡献值叠加了最终权重值。2、继承风格的权重为0。行内风格的权重大于所有选择器。…