初学Css(Wxss)记录

只作为我自己初学阶段做记录(好记性不如烂笔头)
1、相对与绝对定位

.view{
    position: ①;
    left:;
    top:;
}

①定位
relative相对定位:相对自身进行定位,参照物是自己。
left:相对于自身向右偏移50rpx
top:相对于自身向下偏移50rpx

absolute绝对定位:相对离它最近的一个已定位的的父级元素进行定位,若该父级元素不存在,则相对于该页面定位。
left:相对于离他最近的 已定位的父级元素 向右偏移50rpx
top:相对于离他最近的 已定位的父级元素 向下偏移50rpx

.superView{
    flex-flow: ①; 
    flex-direction:②;
    flex-wrap:③;
    justify-content:④;
    space-between:⑤;
}

①row元素排列成一; column 排列成一列;
②column 排列成一列
③保证排列后元素不变形
wrap:自动向下换行,左对齐
wrap-reverse:向上换行,左对齐
④元素在主轴上的排序方式
center:居中对齐
lex-end:右对齐
space-around:两边对齐
space-between:两边对齐,元素左右贴边
⑤ stretch; 延伸,子视图不设置元素高度,自动高度铺满superView

你可能感兴趣的:(初学Css(Wxss)记录)