发表于: 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、根据编码规范修改了代码

待解决问题:

今天疑惑的问题已全部依靠百度解决




返回列表 返回列表
评论

    分享到