发表于： 2019-07-31 22:03:14
1 916
今日收获：
1、<hr>水平线
2、为div元素添加背景图
background-image: url(相对路径);
background-repeat: no-repeat;图片不重复
background-position: center;图片位置居中
background-size: cover;（响应式完全覆盖，contain则保持图片尺寸）
3、字符间距
letter-spacing：value；
4、弹性盒子
容器设置：
display：flex；声明该容器为弹性盒子
flex-wrap：nowrap；不换行
flex-direction：row/row-reverse/column/column-reverse；主轴方位
jusify-content：flex-start/flex-end/space-around/space-between…… 主轴对齐方式
align-items: center…… 交叉轴对齐方式（可实现垂直居中）
容器内元素设置：
flex-grow：1；按比例放大，容器内元素值均为1时，则等比均分；默认为0，不放大
flex-shrink 默认等比缩小。
5、根据编码规范修改了代码
待解决问题：
今天疑惑的问题已全部依靠百度解决
明日任务：
明后两天完成任务6
复习绝对、相对位置；
复习弹性盒子；
复习编码规范中同选择器内属性顺序
返回列表
评论