-
flex-basis
弹性盒伸缩基准值
子元素相对于父元素的基准值
设置此属性后 width失效
查看全部 -
align-items和align-content都是规定子元素在交叉轴上的默认对其方式
区别是align-items把多行的每一行当做一个整体去处理
align-content则是把多行统一当做一个整体去处理
查看全部 -
justify-content
作用：存在剩余空间时，设置为间距的方式
flex-start :默认值 从左到右 挨着行开头
flex-end：从右到左 挨着行的结尾
center:居中显示
space-between:平均分布在行上 两边不留间隔空间
space-round:平均分布在行上 两边各留一半的间隔空间
查看全部 -
flex-direction
作用：子元素在父元素盒子中的排列方式
row (从左到右） row-reverse column（从上到下）column-reverse
注意：如果只设置display:flex 默认row布局方式
flex-wrap
作用：子元素在父元素盒子中 是否换行（列）
nowrap 默认值 不换行或不换列
warp 换行或换列
flex-flow 书写上述两个属性的简写形式
语法 flex-flow:flex-direction（排列方式） flex-wrap(换行方式)；
查看全部 -
媒体查询
写法：
@media screen and (mindw:) and (maxdw){ }为不同尺寸的屏幕设定不同的css样式
查看全部 -
老师，讲得真好！查看全部
-
flex-flow
作用：flex-direction和flex-wrap属性的简写形式
语法：flex-row：<flex-direction> || <flex-wrap>
查看全部 -
flex-wrap
作用：子元素在父元素盒子中的是否换行（列）
查看全部 -
rem 弹性布局：一套方案，使不同尺寸、分辨率的视口，都能呈现出较好的效果！
查看全部 -
响应式布局
布局特点：确保一个页面在所有终端上,都能显示出令人满意的效果。
一套方案,处处运行
设计思路：使用%或rem作为单位,此处采用%为单位
查看全部 -
自适应布局：根据JS来判断不同的设备
查看全部 -
布局特点:不同设备对应不同的html;局部自适应。
不同的设备用不同的页面或局部伸缩（比如两侧不变，中间弹性伸缩）
设计思路：判断设备的类型或控制局部的变化（可以通过navigator.userAgent获取设备的信息）
可以配合媒体查询
查看全部 -
rem指相对于根元素的字体大小的单位
document.documentElement.style.fontSize =xxxx 这里是设置html字体大小
查看全部 -
# form div label{ flex:0 0 100px; text-align:right; }查看全部 -
flex:1 1 300px;其实300px宽度没法生效
flex：0 0 auto；这时候就是width宽度起作用了
查看全部
举报