发表于： 2020-06-07 23:18:18
1 1161
今日学习：
1.学会了使用阿里图标库，这样可以方便某些切图步骤
使用阿里图标实际上是一个外联式的css样式表
在官网上下载我们需要的图标库
在代码中引入即可
如我们任务5需要的
图标
即可，再在css中定义
profile-local i 的颜色替换即可。
2.学习了flex布局
块级元素display为flex，行内元素 inline-flex 布局
flex的容器属性有：
display 定义为容器，其子元素自动为弹性项目。
flex-direction 定义主轴方向
flex-flow 为flex-direction和flex-wrap的简写
justify-content 定义元素在主轴方向的对齐方式
align-items 用于指定侧轴方向的对齐方式
align-content 多行对齐方式
项目属性
order 子元素的排列位置，order越小，越靠前
flex-grow 项目的拉伸因子 放大比例
flex-shrink 项目缩小比列
flex-basis content/auto 的宽度 指定了子元素在主轴方向的初始大小
flex：none 是flex-grow flex-shrink flex-basis的缩写，默认值为 0 1 auto
align-self 允许单个项目有不同的对齐方式。
明日目标，继续任务5
返回列表
评论