发表于: 2019-09-14 15:16:30
1 757
今日收获:
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、根据编码规范修改了代码
待解决问题:
今天疑惑的问题已全部依靠百度解决
评论