发表于: 2021-03-18 19:55:47
1 1138
今天完成的事情:任务五深度思考,任务五总结
明天计划的事情:学习任务六,查看学习资料
遇到的问题:vertical-align和 line-height会用些,但还是不太懂?
收获:
一,flexbox(弹性盒子)是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
弹性盒子由弹性容器(flex container)和弹性子元素(flex item)组成。
弹性容器通过设置display属性的值为flex或inline-flex将其定义为弹性容器。
弹性容器包含一个或多个弹性子元素。弹性盒子只定义了弹性子元素如何在弹性容器内布局。
二,1,vertical-align属性,设置一个元素的垂直对齐。
语法值:baseline(默认值)、sub(垂直对齐文本的下标)、super(垂直对齐文本的上标)、top(内容顶端对齐)、
text-top(文本顶端对齐)、middle(内容中间对齐)、bottom(内容底部对齐)、text-bottom(文本底部对齐)、inherit(继承)
2,line-height属性,用于对网页文字及其他元素设置行高,由于会影响元素的高度,也可以调节一些元素的高度。不可以使用负值。
参数设置:normal(默认)、number(设置数字,此数字会与当前的字体尺寸相乘来设置行间距)、length(设置固定的行间距)
inherit(规定该元素从父元素继承line-height属性的值)、%(基于当前字体尺寸的百分比行间距)。
评论