初学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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. CSS初识 用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)...
    Scincyc阅读 2,444评论 0 0
  • 1. 定位(position) 介绍 1.1 为什么使用定位 我们先来看一个效果,同时思考一下用标准流或浮动能否实...
    禾土阅读 1,007评论 0 0
  • > - 能够说出 为什么要用定位 > - 能够说出 定位的 4 种分类 > - 能够说出 4 种定位各自的特点 >...
    正月初七Mryang阅读 1,657评论 0 0
  • 一、CSS盒子模型 所谓盒子模型∶就是把 HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。...
    LeoLongl阅读 7,042评论 0 0
  • CSS层叠样式表 CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级...
    鱼来鱼往0709阅读 1,839评论 0 0